動かざることバグの如し

近づきたいよ 君の理想に

JSの最強日付フォーマットは「toLocaleDateString」

toLocaleDateStringメソッドとは

JavaScriptには、日付を文字列に変換するためのtoLocaleDateStringメソッドがあります。このメソッドは、ブラウザのロケールに基づいて、日付を指定されたフォーマットに変換します。

例えば、以下のように使用することができます。

const date = new Date();
const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
console.log(date.toLocaleDateString('ja-JP', options));
// 2023年5月20日土曜日

toLocaleDateStringメソッドのオプション

toLocaleDateStringメソッドには、フォーマットをカスタマイズするためのオプションがあります。以下は、よく使用されるオプションの例です。

  • weekday: 曜日を表す文字列を指定します。
  • year: 年を表す文字列を指定します。
  • month: 月を表す文字列を指定します。
  • day: 日を表す文字列を指定します。

これらのオプションは、必要に応じて組み合わせて使用することができます。また、ロケールによっては、他にも使用可能なオプションがあります。

フォーマット例

曜日

例: 2023年5月20日 (金)

const date = new Date();
const options = { year: 'numeric', month: 'long', day: 'numeric', weekday: 'long' };
const formattedDate = date.toLocaleDateString('ja-JP', options);
console.log(formattedDate);

ゼロ詰めした月日

例: 2023年05月20日

const date = new Date();
const options = { year: 'numeric', month: '2-digit', day: '2-digit' };
const formattedDate = date.toLocaleDateString('ja-JP', options);
console.log(formattedDate);

年を省略した日付:'M月d日'

例: 5月20日

const date = new Date();
const options = { month: 'long', day: 'numeric' };
const formattedDate = date.toLocaleDateString('ja-JP', options);
console.log(formattedDate);

年月日の数字のみ

例: 2023/5/20

const date = new Date();
const options = { year: 'numeric', month: 'numeric', day: 'numeric' };
const formattedDate = date.toLocaleDateString('ja-JP', options);
console.log(formattedDate);

和暦

例: 平成35年5月20日

const date = new Date();
const options = { era: 'long', year: 'numeric', month: 'numeric', day: 'numeric' };
const formattedDate = date.toLocaleDateString('ja-JP', options);
console.log(formattedDate);

秒まで含む

例: 2023年5月20日 13:45:30

const date = new Date();
const options = { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' };
const formattedDate = date.toLocaleDateString('ja-JP', options);
console.log(formattedDate);