javascript Dateオブジェクトを使ってイコールで日付比較して結果が一致しない

2020.09.09
javascript
javascript

javascriptで、dateオブジェクトを使って、そのままイコールで日付を比較すると同じ値であってもfalseがかえってくるので比較方法を記述してます。

1. 環境
2. 日付比較
3. 日付比較方法

環境

OS windows10 pro 64bit
Apache 2.4.43
ブラウザ chrome 84.0.4147.105

windows10にApacheのインストール

日付比較

dateオブジェクトを使って、イコールで日付を比較します。

// 日付を設定
var date1 = new Date("2020/05/11");
var date2 = new Date("2020/05/11");

//　比較
if (date1 == date2) {
  console.log("同じ日付");
} else{
  console.log("異なる日付"); // falseと判定される
}

// 日付を設定

var date1 = new Date("2020/05/11");

var date2 = new Date("2020/05/11");

//　比較

if (date1 == date2) {

console.log("同じ日付");

} else{

console.log("異なる日付"); // falseと判定される

}

結果は「false」が返ってきて、「異なる日付」と表示されます。

if (date1 === date2) としても結果は同じです。

1	if (date1 === date2) としても結果は同じです。

日付比較方法

getTime()を使用して、1970 年1月1 日00:00:00からの経過ミリ秒を取得して比較する

if (date1.getTime() == date2.getTime()) {
  console.log("同じ日付"); // 同じ日付となる
} else{
  console.log("異なる日付");
}

if (date1.getTime() == date2.getTime()) {

console.log("同じ日付"); // 同じ日付となる

} else{

console.log("異なる日付");

}

javascript Dateオブジェクトを使ってイコールで日付比較して結果が一致しない

環境

日付比較

日付比較方法

javascript html要素のテキストを変更する 2020.09.09

React.js ライブラリ「react-rubber-slider」を使ってちょっと変わったスライダーを実装する 2020.09.09