1
Help us understand the problem. What are the problem?

posted at

updated at

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

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

プラグインリスト
dayjs

カスタム設定する

# 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()にお世話になってます

最後に

読んでいただきありがとうございます。
今回の記事はいかがでしたか?
・こういう記事が読みたい
・こういうところが良かった
・こうした方が良いのではないか
などなど、率直なご意見を募集しております。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
1
Help us understand the problem. What are the problem?