くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Day.jsで相対時間を表示する(n日前/n秒前とか)

開発してるWebアプリでコメント機能をつけてみた。
コメントされた時間を何日前とか相対的な時間で表示したいと思ったときの備忘録。

Day.jsにプラグインが用意されているので、簡単だった(´ω`)

使い方

こちらの記事を参考にした。

import dayjs from "dayjs";
import relativeTime from "dayjs/plugin/relativeTime";
import "dayjs/locale/ja";

// 相対時間の有効化
dayjs.extend(relativeTime);

// ロケールを日本語に設定
dayjs.locale(`ja`);

export function relativeDate(date: Date): string {
  return dayjs(date).fromNow();
}

対応ロケールは、以下のリンクを参照。
List of supported locales

以上!!

zutsuu.memory-lovers.com

参考にしたサイト様