Temporal を使って丸めた相対時刻表示をする

SNS などでよく見かける、記事投稿時刻の「N時間前」「M日前」のような、ざっくりとした時刻の差分表示を JS の新しい日付型の Temporal を使って実装する方法の紹介です。 ベースとなる時刻は Temporal.ZonedDateTime 型で管理されているものとすると、以下のような関数で、最大単位に丸めた差分時刻表示をすることが出来ます。 function relative(date: ZonedDateTime): string { const d = date.until(Temporal.Now.zonedDateTimeISO()); if (d.total("day") > 1) { return d.round({ smallestUnit: "day" }).days + "日前"; } if (d.total("hour") > 1) { return d.rou

[teppeis]

Intl.RelativeTimeFormatと相性良さそう / roundがデフォルト四捨五入なので、roundingMode:truncにした方が期待と近そう