JavaScriptと日付の扱い
JavaScriptでは、Dateオブジェクトを使用して日付と時間を扱います。Dateオブジェクトは、1970年1月1日00:00:00 UTC（協定世界時）からのミリ秒数を基に日付と時間を計算します。
新しいDateインスタンスを作成するには、以下のようにnew Date()を使用します。
let currentDate = new Date();
console.log(currentDate);
このコードは現在の日付と時間を表示します。Dateオブジェクトは多くのメソッドを提供しており、これらを使用して日付を操作したり、特定の部分（年、月、日、時間など）を取得したりすることができます。
次のセクションでは、これらのメソッドの一部と、日付を文字列に変換するtoStringメソッドについて詳しく説明します。このメソッドは、日付のフォーマットを変更する際に特に役立ちます。具体的な使用例とともに、その方法を見ていきましょう。
toStringメソッドの基本
JavaScriptのDateオブジェクトには、日付を文字列に変換するためのtoStringメソッドがあります。このメソッドは、日付を人間が読みやすい形式の文字列に変換します。
let currentDate = new Date();
console.log(currentDate.toString());
このコードは、現在の日付と時間を以下のような形式の文字列で表示します。
Wed Apr 04 2024 15:00:35 GMT+0900 (Japan Standard Time)
しかし、このデフォルトのフォーマットは、すべてのアプリケーションで適切なわけではありません。特定のフォーマットに日付を変換する必要がある場合があります。そのためには、Dateオブジェクトの他のメソッドを使用して日付の各部分を取得し、それらを組み合わせて新しいフォーマットを作成します。
次のセクションでは、日付のフォーマットを変更する方法について詳しく説明します。具体的な使用例とともに、その方法を見ていきましょう。
日付のフォーマット変更
JavaScriptのDateオブジェクトは、日付の各部分を取得するためのメソッドを提供しています。これらのメソッドを使用して、日付を任意のフォーマットに変換することができます。
例えば、日付をYYYY-MM-DD形式に変換するには、以下のようにします。
let currentDate = new Date();
let year = currentDate.getFullYear();
let month = currentDate.getMonth() + 1; // getMonth()は0から始まるため、1を加えます
let date = currentDate.getDate();
let formattedDate = `${year}-${month < 10 ? '0' + month : month}-${date < 10 ? '0' + date : date}`;
console.log(formattedDate);
このコードは、現在の日付をYYYY-MM-DD形式の文字列で表示します。
しかし、この方法ではコードが冗長になりがちです。そこで、日付を任意のフォーマットに変換するためのライブラリが多数提供されています。その中でも特に人気のあるものは、moment.jsとdate-fnsです。
次のセクションでは、これらのライブラリを使用した日付のフォーマット変更について、具体的なコード例とともに説明します。
実用的な例とコード
JavaScriptの日付フォーマットを変更するためのライブラリとして、moment.jsとdate-fnsがよく使われます。以下に、それぞれのライブラリを使用した日付フォーマットの変更方法を示します。
moment.js
moment.jsは、日付と時間を操作するための強力なライブラリです。以下のコードは、moment.jsを使用して日付をYYYY-MM-DD形式に変換する例です。
let moment = require('moment');
let currentDate = moment();
let formattedDate = currentDate.format('YYYY-MM-DD');
console.log(formattedDate);
date-fns
date-fnsは、モダンなJavaScriptの日付ユーティリティライブラリで、moment.jsよりも軽量です。以下のコードは、date-fnsを使用して日付をYYYY-MM-DD形式に変換する例です。
let { format } = require('date-fns');
let currentDate = new Date();
let formattedDate = format(currentDate, 'yyyy-MM-dd');
console.log(formattedDate);
これらのライブラリを使用すれば、日付のフォーマット変更が容易になります。適切なライブラリを選択し、プロジェクトに適した最善の方法を探してみてください。