dayjsをいい感じにカスタマイズしてimportすると捗った話

デフォルトはタイムゾーンが"en"なので毎回変換するのも手間なのでモジュールをカスタマイズしてみた

カスタム設定する

src/commons/customs/dayjs.ts

import * as dayjs from 'dayjs'

// 最大値・最小値の計算するための拡張プラグイン
import * as minMax from 'dayjs/plugin/minMax'

// 日本時間に変換する
import 'dayjs/locale/ja'


// プラグイン拡張
dayjs.extend(minMax)
dayjs.locale('ja')

// export default 構文を提供し、“モジュール毎に1つのもの” のように見栄えを良くします。¥
export default dayjs

違い

カスタムしていない場合

import dayjs from 'dayjs'

 dayjs()
d {
  '$L': 'en',
  '$d': 2021-11-18T04:21:44.245Z,
  '$x': {},
  '$y': 2020,
  '$M': 9,
  '$D': 20,
  '$W': 2,
  '$H': 13,
  '$m': 21,
  '$s': 44,
  '$ms': 245
}

カスタムした場合

import dayjs from 'src/commons/customs/dayjs'

 dayjs()
d {
  '$L': 'ja',
  '$d': 2020-10-20T04:21:44.245Z,
  '$x': {},
  '$y': 2020,
  '$M': 9,
  '$D': 20,
  '$W': 2,
  '$H': 13,
  '$m': 21,
  '$s': 44,
  '$ms': 245
}

これで毎回日本時間に変換する手間がなくなりました。。。

Ts入門時はdate()を使用していましたが、最近はずっとdayjs()にお世話になってます