日付をフォーマットする

最終更新: 2022年02月02日

報告

概要

ブログの投稿日やチャットの入力日時、ユーザー作成日時などアプリではさまざまなタイミングで日付を表示する機会があります。日付は一般的にミリ秒や日付オブジェクトで管理されますが、それを人にとってわかりやすい形式に変換する必要があります。

一般的に date-fns を使います。

インストール

ターミナル
npm install date-fns --save

使い方

フォーマット

フォーマット＝整形のことで、人にとって見やすい表示にすることです。ミリ秒や日付オブジェクトに対し処理を行います。

import { format } from 'date-fns';
import { ja } from 'date-fns/locale';

const date = new Date(); // Wed Feb 02 2022 21:05:12 GMT+0900 (日本標準時)

format(date, 'yyyy年MM月dd日(eee) HH:mm')
// => 2022年02月02日(水) 21:05

formatDistanceToNow(date, {
  locale: ja,
  addSuffix: true
})
// => 24秒前