day.js にて相対時間を取得する方法 (『何日前』機能)

hikaru🐧
@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 を日本語ロケールにする方法 から

公式ドキュメント

https://day.js.org/docs/en/display/from-now

広告欄
WRITTEN BY
hikaru🐧
@alclimb
SERIES
この記事に連載はありません。
READ NEXT
COMMENTS
コメント機能は開発中です。実装完了まで今しばらくお待ちください。