LoginSignup
3
2

More than 1 year has passed since last update.

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

Last updated at Posted at 2021-11-17

デフォルトはタイムゾーンが"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()にお世話になってます

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2