day.js にて相対時間を取得する方法 (『何日前』機能)
ヒカル🐧
@alclimb
day.js にて相対時間を取得するには、day.js 標準に含まれる RelativeTime プラグインを利用することで実現可能。
環境
{ 省略... "dependencies": { "dayjs": "^1.8.21" }, "devDependencies": { "typescript": "^3.8.3" } }
設定コード例 (TypeScript)
import dayjs from "dayjs" import relativeTime from "dayjs/plugin/relativeTime" // Plugin: 相対時間表示機能を追加 dayjs.extend(relativeTime) // 指定時刻から現在時刻との相対時間を取得 console.log(`相対時間: `, dayjs(`2020/03/27 12:00:00`).fromNow())
結果
相対時間: 9 minutes ago
dayjs は多言語化に対応しているので日本語ロケールに変更すると以下の様に表示される。
相対時間: 9分前
※ 多言語化方法は day.js を日本語ロケールにする方法 から
公式ドキュメント
広告欄
WRITTEN BY
ヒカル🐧
@alclimb
SERIES
この記事に連載はありません。
READ NEXT
COMMENTS
コメント機能は開発中です。実装完了まで今しばらくお待ちください。