KAEDE Hack blog

JavaScript 中心に ライブラリなどの使い方を解説する技術ブログ。

Day.js -- 月と週の日本語化と日付のYYMMDD の表示を変えられるライブラリ

why

日本語化の際に 苦戦したのでやってみる

dayjs とは

特定の言語の週と月の名前の配列を取れるライブラリ

install

day.js.org

npm i dayjs
added 1 package, and audited 2 packages in 1s

シンプルだからかとても軽い。

locale: [Function: S],                                                                                                                  [11/39]
  isDayjs: [Function: p],                                                                                                                        
  unix: [Function],                                                                                                                              
  en: {                                                                                                                                          
    name: 'en',                                                                                                                                  
    weekdays: [                                                                                                                                  
      'Sunday',                                                                                                                                  
      'Monday',                                                                                                                                  
      'Tuesday',                                                                                                                                 
      'Wednesday',                                                                                                                               
      'Thursday',                                                                                                                                
      'Friday',
      'Saturday'
    ],
    months: [
      'January',   'February',
      'March',     'April',
      'May',       'June',
      'July',      'August',
      'September', 'October',
      'November',  'December'
    ]
  },
  Ls: { en: { name: 'en', weekdays: [Array], months: [Array] } },
  p: {}

デフォルトで英語の場合の weekdays と months が入っている。

Ls は出し方。

日本語化

day.js.org

require('dayjs/locale/ja')
dayjs.locale('ja')

これで持ってくる dayjs の曜日と月のセットが日本語になるらしい。

    ja: {
      name: 'ja',
      weekdays: [Array],
      weekdaysShort: [Array],
      weekdaysMin: [Array],
      months: [Array],
      monthsShort: [Array],
      ordinal: [Function: ordinal],
      formats: [Object],
      meridiem: [Function: meridiem],
      relativeTime: [Object]
    }
  },
  p: {}

これではまだ見えないが、この配列を利用して英語の曜日や月を変えることができる

YYYYMMDD

.locale で日付の表示形式を変えることができる。要検証