条件分岐のネストがわかりません

Question

javascript初心者です。(プログラミング初心者)お手柔らかにお願いします。

フォームで、今の日付と入力された日付の比較をして、今の日付より入力された日付が昔だったら(今の日付>入力された日付)エラーメッセージを表示するようなプログラムを書きたいです。

data() =>({
 event: = null, // YYYY/MM/DDではいってくる
 err_msg = null, // エラーメッセージ
}),
methods: {
 this.err_msg = "";
 check(event) {
// 入力された日付を区切る(例)2018/05/31 →　2018 05 31
 var eve = event.split('/');
// システム日付(現在)
 var now = new date();
 var year = now.getFullYear();
 var month = now.getMonth() + 1;
 var date = now.getDate();

// チェック
if(eve[0]=== year) {
 if(eve[1]=== month) {
  if(eve[2]< date) {
   this.err_msg = "dateエラー"
   return;
 } else if(eve[1] < month) {
   this.err_msg = "monthエラー"
   return;
} else if(eve[0] < year) {
  this.err_msg = "yearエラー"
  return;
}
 

ややこしいのと読みづらいのですみません、上記のようなソースをわかりやすくするアドバイスがいただきたいです。実際にローカルで動かしたりできていないので間違っていたらおしえてください。
また、日付の入力フォームは複数あって上記のeventの名前以外は同じ処理をするのですが、1つのチェックメソッドを呼んでtrue/falseで返すようなことをしたいです。が、今はやりかたがわからず同じような処理をするチェックメソッドを何個も作ってしまっているような状態です。(フラグの使い方がよくわからない)
稚拙な説明ですがご協力いただければありがたいです。

Comments

[mather]

これ、もしかしてVue.jsのソースコードの一部でしょうか？

[mori.]

そうです！タグつけ忘れてました・・・

[mather]

だとすると、もうちょっとVue.jsそのものを勉強した方がいいと思います。methodsの書き方がおかしくて、さらにソースコードのとじカッコがないのでぐちゃぐちゃになってますよ…。

[karamarimo]

コードはなるべくそのまま実行できる形で載せてください。今の場合 new Vue({ ... }) の中だけを載せていると思いますが、外側も省略せずに載せてください。

[euledge]

質問者がその前に行った質問 [JavaScriptでの日付チェックの方法](https://teratail.com/questions/128989)でベストアンサーとされていた方法でDatapickerで取得された文字列に関して区切り文字を除いて比較すればよいとされていたので、そもそも年月日を分けて比較する必要はないのではないでしょうか？
Date()で得られた日付に対してのYYYYMMDDでのフォーマットを関数にしてしまえばよいのかと思います。

Answer 1

結果的に過去の日付を弾きたいのであれば、年月日を分けて比較する必要はないように思います。
日付文字列から比較するのであれば、getTime()でUnix時間に変換して比較することで過去か未来かを判別できます。

function isFutureDate(event) {
  // eventはYYYY/MM/dd
  const input = new Date(event).getTime();
  const now = new Date().getTime();
  return now < input;  
}

実はJavaScriptのDateは比較演算子で比較可能なので、このようにも書けます。

function isFutureDate(event) {
  return new Date() < new Date(event);
}