Moment.jsを使わずにJavaScriptで日付を比較する方法

2024-04-02

JavaScriptで2つの日付を比較する方法

Dateオブジェクトの比較演算子を使う

最も簡単な方法は、Dateオブジェクトの比較演算子を使う方法です。以下の演算子が使用できます。

==: 2つの日付が同じかどうかを比較します。
<: 1番目の日付が2番目の日付よりも前かどうかを比較します。

const date1 = new Date(2023, 11, 31);
const date2 = new Date(2024, 0, 1);

console.log(date1 == date2); // false
console.log(date1 != date2); // true
console.log(date1 < date2); // true
console.log(date1 <= date2); // true
console.log(date1 > date2); // false
console.log(date1 >= date2); // false

この方法はシンプルですが、時間の情報は考慮されません。例えば、2023年12月31日午後11時59分と2024年1月1日午前0時01分は、この方法では同じ日付とみなされます。

DateオブジェクトのgetTime()メソッドを使うと、その日付をミリ秒単位のタイムスタンプに変換できます。その後、2つのタイムスタンプを比較することで、日付の比較を行うことができます。

const date1 = new Date(2023, 11, 31);
const date2 = new Date(2024, 0, 1);

const timestamp1 = date1.getTime();
const timestamp2 = date2.getTime();

console.log(timestamp1 < timestamp2); // true

この方法は時間の情報も考慮できますが、タイムスタンプは人間にとって分かりにくい形式です。

Moment.jsなどのライブラリを使うと、日付の比較をより簡単に、分かりやすく行うことができます。Moment.jsは、日付の操作やフォーマットに特化したライブラリです。

// Moment.jsをインストールする
npm install moment

const moment = require('moment');

const date1 = moment('2023-12-31');
const date2 = moment('2024-01-01');

console.log(date1.isBefore(date2)); // true

Moment.jsを使うと、以下のような様々な方法で日付を比較することができます。

特定の日付と比較する
期間を比較する
日付の差分を計算する

JavaScriptで2つの日付を比較するには、いくつかの方法があります。それぞれの方法には利点と欠点があるので、状況に合わせて最適な方法を選択する必要があります。

Dateオブジェクトの比較演算子を使う

const date1 = new Date(2023, 11, 31);
const date2 = new Date(2024, 0, 1);

console.log(date1 == date2); // false
console.log(date1 != date2); // true
console.log(date1 < date2); // true
console.log(date1 <= date2); // true
console.log(date1 > date2); // false
console.log(date1 >= date2); // false

DateオブジェクトのgetTime()メソッドを使う

const date1 = new Date(2023, 11, 31);
const date2 = new Date(2024, 0, 1);

const timestamp1 = date1.getTime();
const timestamp2 = date2.getTime();

console.log(timestamp1 < timestamp2); // true

Moment.jsなどのライブラリを使う

// Moment.jsをインストールする
npm install moment

const moment = require('moment');

const date1 = moment('2023-12-31');
const date2 = moment('2024-01-01');

console.log(date1.isBefore(date2)); // true

上記のサンプルコードは、基本的な比較方法のみを説明しています。
より複雑な比較を行う場合は、Moment.jsなどのライブラリを使うと便利です。

JavaScriptで2つの日付を比較するその他の方法

DateオブジェクトのtoLocaleDateString()メソッドを使う

toLocaleDateString()メソッドを使うと、日付をロケールに合わせた文字列に変換できます。その後、2つの文字列を比較することで、日付の比較を行うことができます。

const date1 = new Date(2023, 11, 31);
const date2 = new Date(2024, 0, 1);

const date1Str = date1.toLocaleDateString();
const date2Str = date2.toLocaleDateString();

console.log(date1Str < date2Str); // true

この方法は、比較結果を人間にとって分かりやすい形式で表示したい場合に便利です。

DateオブジェクトのtoLocaleString()メソッドを使う

const date1 = new Date(2023, 11, 31, 12, 0, 0);
const date2 = new Date(2024, 0, 1, 13, 0, 0);

const date1Str = date1.toLocaleString();
const date2Str = date2.toLocaleString();

console.log(date1Str < date2Str); // true

この方法は、日付と時間両方を比較したい場合に便利です。

自作の関数を使う

上記の方法はすべて、Dateオブジェクトの機能を使っています。しかし、自作の関数を使うこともできます。

function compareDates(date1, date2) {
  // ここに比較処理を書く
}

const date1 = new Date(2023, 11, 31);
const date2 = new Date(2024, 0, 1);

console.log(compareDates(date1, date2)); // -1 (date1の方が小さい)