はじめに
nextJsを使った開発でハイフン区切りの日付を/区切りにしたり、0埋めするために
ソースコード上を眺めているときにdayjsを発見した。
dayjsとは
日付、時間操作ができるライブラリ
操作後のオブジェクトを返してくれるので、本体を変更してしまう心配がない。
npm でインストールできるらしい。
曜日も変換してくれる
ロケーションを設定することで、7曜に変換できる。
import dayjs from 'dayjs';
import ja from 'dayjs/locale/ja';
dayjs.locale(ja); //ロケーションの設定
dayjs('2011-01-01').format('ddd'); // 土曜日
形式変換が簡単かつ柔軟
YYYY/MM/DDだったりYYYY/M/Dができる。
import dayjs from 'dayjs';
import ja from 'dayjs/locale/ja';
dayjs.locale(ja); //ロケーションの設定
dayjs('2011-01-01').format('YYYY/MM/DD'); // 2011/01/01
dayjs('2011-01-01').format('M/D'); // 1/1
dayjsでできたこと
MM/DD (ddd)の形式で出力できた。すごい
import dayjs from 'dayjs';
import ja from 'dayjs/locale/ja';
dayjs.locale(ja); //ロケーションの設定
dayjs('2011-01-01').format('MM/DD (ddd)'); // 01/01 (土)