[JavaScript] Date型の比較について

Question

お世話になっております。
プログラマー駆け出しJavaScriptを独学で学習中の者です。

下記のようなプログラムを行い、Date型の比較をした際に一部不可解な結果が出力されてしまいます。

var date1 = new Date("2020-11-25");
var date2 = new Date("2020-11-24");

//date1がdate2以上の場合エラー出力
if (date1 >= date2 ) {
　alert("日付入力エラー");
};

日付がdate1とdate2共に月の単位が2桁の場合は、想定通りの動きをするのですが、月の単位が1桁の場合、エラーをキャッチするif文に該当しないようで素通りしてしまいます。
両方の月、もしくはどちらかの月が1桁の場合でもエラーは出力されませんでした。

[2020.11.24 - 追記]

■エラーを出力する条件
date1がdate2以上の日付である場合、エラーを知らせるアラートを出力

■エラーが出力される日付パターン
date1 = new Date("2020-11-25" + "T00:00:00")
date2 = new Date("2020-11-24" + "T00:00:00")

//Console.log出力値
date1 = Wed Nov 25 2020 00:00:00 GMT+0900 (日本標準時)
date2 = Tue Nov 24 2020 00:00:00 GMT+0900 (日本標準時)

■エラーが出力されない日付パターン
date1 = new Date("2020-9-25" + "T00:00:00")
date2 = new Date("2020-9-24" + "T00:00:00")

//Console.log出力値
date1 = Invalid Date
date2 = Invalid Date

追記をしていて気付いたのですが、月が一桁の時日付がエラーが出力されていないのは、変数が日付として認識していないのが問題のようです。
※恥ずかしながらConsole.logの使い方をつい先程知りました。
日付として認識されないのはなぜでしょうyか？
有識者の皆様アドバイスをお願いいたします。

■動作環境
・Windows10
・XAMPP Ver7.4.1（最新）

Comments

[otn]

「このプログラムを実行すると、こういう結果を予想したが、実際はこういう結果だった」
という風に質問文を書き直してください。

[m.ts10806]

せめて試したパターンケース並べてconsole.log()で一通り出力してみるくらいまではやってみてほしい。

[maisumakun]

想定したように動作しない入力パターンを示していただけませんでしょうか？

[joyboy]

皆様ご指摘ありがとうございます。
質問内容を追記しましたので、ご確認お願い致します。

Answer 1

最初は書いてなかったT00:00:00がありますね。それが原因です。

2020-9-25 ・・・正しい慣用表記
2020-9-25 00:00:00 ・・・正しい慣用表記

2020-09-25T00:00:00 ・・・正しいISO8601表記
2020-9-25T00:00:00 ・・・不正なISO8601表記

Comments

[joyboy]

回答ありがとうございます。
ご指摘の通り正しい慣用表記で修正したところ正常に動作しました！
ありがとうございます。
質問内容に記載し忘れた箇所があり申し訳ありませんでした。
今後注意いたします。

Answer 2

new Date(文字列)に投げられる文字列の形式は、ブラウザによります。

多くのブラウザで対応しているのがISO 8601と呼ばれる形式ですが、これは2020-01-01のように、1桁の月日には0が必須です。

2020-1-1のように違う形式で書いた場合、ブラウザによって「処理の可否」あるいは「結果」がどうなるか、変わりえます。

Comments

[joyboy]

回答ありがとうございます。
＞投げられる文字列の形式は、ブラウザによります。
知りませんでした。普段chromeで検証していますが、どのブラウザでも正常に動作するよう運用面を考慮して形式を意識していきます。
アドバイスありがとうございます！

Answer 3

ISO 8601 拡張形式

new Date はISO 8601 拡張形式をサポートしますが、月(MM)と日(DD)は2桁と文法が決まっています。

• http://www.ecma-international.org/ecma-262/11.0/#sec-date-time-string-format

ECMAScript defines a string interchange format for date-times based upon a simplification of the ISO 8601 calendar date extended format. The format is as follows: YYYY-MM-DDTHH:mm:ss.sssZ

それ以外のフォーマットを指定して、実装依存性を持たせるぐらいなら、素直にISO 8601 拡張形式を使うのがベターです。

ちなみに、タイムゾーン識別子を省略すると、UTC日時として扱われますので、日本日時か必要ならタイムゾーン識別子を指定しましょう。

new Date('2020-01-01T00:00:00.000+0900');

new Date(year, month, day)

new Date で第三引数まで指定すると、ブラウザのロケールに対応したタイムゾーン識別子を持つ日時として扱われます。

new Date(2020, 0, 1);

上記コードは日本のロケールで実行すれば、「日本時間の2020/01/01 00:00」であり、米国のロケールで実行すれば、「米国時間の2020/01/01 00:00」になります。

期待する動作によって、ISO 8601 拡張形式と使い分ける必要があります。

• ロケールに応じた相対日時
• 絶対日時

Re: joyboy さん

Comments

[joyboy]

回答ありがとうございます。
＞ISO 8601 拡張形式をサポートしますが、月(MM)と日(DD)は2桁と文法が決まっています。
他の方からもご指摘があり調べてみようと思っていたところ、詳しく解説いただきありがとうございます。
とても分かりやすいです。
今回は日付の比較のみでしたが、今後時間など詳しい比較する時に使い慣れておこうと素人の浅知恵で余計なことをしてしまったのが原因でした。
アドバイスいただきありがとうございます！

Answer 4

月の単位が1桁

ちょっと意味がわかりません。普通に動きませんか？

var date1 = new Date("2020-10-1");
var date2 = new Date("2020-9-30");
console.log(date1>=date2); //true

Comments

[joyboy]

yambejp さん
回答いただきありがとうございます。
＞ 普通に動きませんか？
という事はやり方自体は間違ってないようなので、原因は別にありそうですね。
質問内容を追記しましたので、ご確認いただけますでしょうか。

[yambejp]

＞new Date("2020-9-25" + "T00:00:00")

そんな質問に書いてないことを後出しするのはまずいです・・・・

日付と時間を「T」でつなぐ場合はフォーマットが決まっているので
月や日は２桁必須です。
Tではなくスペースで繋げば行けるはずです

d1 = new Date("2020-9-24 00:00:00")
d2 = new Date("2020-10-1 00:00:00")
d3 = new Date("2020-9-24T00:00:00")
d4 = new Date("2020-10-1T00:00:00")
console.log([d1,d2,d3,d4]);

[joyboy]

>月や日は２桁必須
そういう事でしたか！ご指摘の通り修正したところ正常に動作しました。
ありがとうございます。
最初の質問内容と追記情報に差異があり申し訳ありませんでした。
今後注意いたします。