JavaScriptで日付のフォーマットをyyyy-mm-ddに変更する方法

1. DateオブジェクトとIntlオブジェクトを使用する方法:

const date = new Date();
const formattedDate = new Intl.DateTimeFormat('en-US', { year: 'numeric', month: '2-digit', day: '2-digit' }).format(date);
console.log(formattedDate); // 結果例: 2024-03-11

この方法では、Intl.DateTimeFormatオブジェクトを使用して、指定したフォーマットで日付を表示します。year、month、dayの各パラメータには、表示したい要素を指定します。

2. Moment.jsライブラリを使用する方法:

Moment.jsは日付と時刻の操作や表示に便利な機能を提供するJavaScriptのライブラリです。まず、Moment.jsをプロジェクトに追加し、次のように使用します。

const moment = require('moment');
const date = moment().format('YYYY-MM-DD');
console.log(date); // 結果例: 2024-03-11

この方法では、Moment.jsのformat関数を使用して、指定したフォーマットで日付を表示します。

3. 手動で日付をフォーマットする方法:

const date = new Date();
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const formattedDate = `${year}-${month}-${day}`;
console.log(formattedDate); // 結果例: 2024-03-11

この方法では、getFullYear、getMonth、getDateメソッドを使用して、日付の要素を取得し、手動でフォーマットします。

これらはJavaScriptで日付のフォーマットを変更するための一部の方法です。他にもさまざまなライブラリや手法が存在しますが、上記の例はよく使用される方法です。