More than 3 years have passed since last update.

nuxtのdayjs-moduleで日本のタイムゾーン表示にする

Last updated at 2021-04-07Posted at 2021-04-07

GMTのタイムゾーンで表示されてしまう

nuxtで日付を扱うライブラリとしてdayjs-moduleを選択した
そのまま出力する分にはよいが、format('YYYY.MM.DD')で出力するとグリニッジ標準時なので、想定外の時刻になる

$dayjs('2021-03-01T19:00:00.000Z')

【出力結果】
Mon, 01 Mar 2021 19:00:00 GMT

$dayjs('2021-03-01T19:00:00.000Z').format('YYYY/MM/DD H:mm:ss')

【出力結果】
2021/03/02 04:00:00

Day.jsは自動で自国のタイムゾーンになるって書いてあったのですが、dayjs-moduleはだめなんでしょうか…
<html lang="ja">にしてみたが、結果は変わらず

 head: {
    htmlAttrs: {
      lang: 'ja'
    }
 }

が、結果は変わらず

Day.jsでのtimezoneの設定方法を参考に、tz()をつると日本時間になった
https://day.js.org/docs/en/plugin/timezone

$dayjs.tz('2021-03-01T19:00:00.000Z')

【出力結果】
Mon, 01 Mar 2021 10:00:00 GMT

GMTなので-9時間されてる

$dayjs.tz('2021-03-01T19:00:00.000Z').format('YYYY/MM/DD H:mm:ss')

【出力結果】
2021/03/01 19:00:00

ちゃんと出た