[Javascript] date-fnsで日本語の日付を表示する

概要

• javascriptで日付を表示するには、moment.jsよりdate-fnsがES6対応やimmutableの点でいい感じ。最近はよく使っている
• 日本語も含む国際対応もしている。
• 使う時は、import ja from 'date-fns/locale/ja'して、format(date, formatStr, {locale: ja})すればOK

手順

date-fnsをインストールする

yarn add date-fns

サンプルコード

jaをimportして日本語表示したい所に{locale: ja}を指定する。

test.js

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

console.log(format(new Date(), 'MMM Do dddd')) // 初期言語（英語）

console.log(format(new Date(), 'MMM Do dddd', {locale: ja})) // 日本語

出力結果

Jan 9th Tuesday
1月 9日 火曜日

以上