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);
和暦
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);