- 日付を「1日前」みたいに相対的に表示したい
- 今日の日付を得るためにJavaScriptが必要になる
- JavaScriptで、指定の日付と現在の日付との差分から相対的な日付を表す文字列を作り、指定のタグの内容をそれに書き換えてやることで実現できる
<script>でHTML内にJavaScriptを書ける<head>か<body>の中に書く
Dateで日付を得る- 指定の日付は
const last = new Date("2006-01-02T15:04:05Z07:00") - 現在の日付は
const now = new Date(Date.now())
- 指定の日付は
Intl.RelativeTimeFormatで年・月・日のいずれかの差から相対的な日付の文字列を得るconst rtf = new Intl.RelativeTimeFormat("ja-JP")で作って、rtf.format(last.getDate() - now.getDate(), "day")で得る- 正が「N日後」に、負が「N日前」になる
const e = document.getElementByIdなどで指定の要素を取り出して、e.textContentに代入することで内容を書き換える
相対日付
Share this post on: