Nuxt.js day.jsを使って日付処理を行う手順

Nuxt.js day.jsを使って日付処理を行う手順

nuxt.jsで 日付処理の軽量ライブラリであり、かつ「Moment.js」との互換性もある 「day.js」を利用して、日付処理を行うまでの簡単な手順とサンプルコードです。

環境

  • OS  ubuntu19.10
  • node v12.13.0
  • npm 6.12.1
  • Nuxt.js v2.10.2

Nuxt.jsはnpx create-nuxt-appでインストールしてます。

Moment.jsインストール

下記のコマンドでインストールします。

day.js 使い方

plugins配下にdayjs.jsを下記のコードで追加します。

次に nuxt.config.jsの pluginsにも登録します。

最後にpages配下のindex.vueを下記のように編集します。

起動します

ブラウザから http://localhost:3000/にアクセスすると現在日付がformatされて表示されます。