【Vue】day.jsを使って時間を表示する。

day.jsとは

ずばり日付に関するライブラリです。

day.jsの導入方法

以下のnpm、yarnを使ってインストールします。

• npm

npm install dayjs --save

• yarn

yarn add dayjs

導入手順

1.ライブラリの取り込み

import dayjs from "dayjs";

dayjs.locale("ja");
Vue.prototype.$dayjs = dayjs;

2.テンプレートを準備

<div class="mytime">{{ $dayjs(time).format("hh:mm") }}</div>

細かく日時を設定したい場合

公式リファレンスを参照してください。