【javascript・JQuery】日付が未来日かチェックするサンプルソース

Javascriptで入力した日付が未来日かチェックするサンプルを作成しので、ここにメモしておきます。

これを応用すれば、日付が正しいかチェックしたり過去日かどうかの比較もできるので参考にしてみてください。

未来日かチェックするサンプル

画面の入力フォームから文字列形式の日付（checkDate）が渡されてきたことを想定して作成しています。

$('#button').click(function() {
  // 未来日の比較
  if ($('#checkDate').val() != null && $('#checkDate').val() != '') {
    //現在日時を取得
    var now = new Date();
    var nowDate = new Date(now.getFullYear(), now.getMonth()+1, now.getDate(), '00', '00', '00');

    //画面から入力された日付 (checkDate)
    //比較対象の日付のスラッシュを削除
    var checkDate = $('#checkDate').val().replace(/\//g, '');
    checkDate = new Date(checkDate.substr(0, 4), checkDate.substr(4, 2), checkDate.substr(6, 2), '00', '00', '00');
    if (nowDate < checkDate) {
      if (!confirm($('#checkDate').val()+'は未来の日付ですがよろしいですか？')) {
        return false;
      }
    }
  }
}

あくまで日付のみでの比較をするため現在時刻（now）を取得した後、時刻を一定するにするため00時00分00秒で改めでDateクラスにnewしています。

その後、画面の入力値（checkDate）からDateクラスにnewして、現在時刻と比較する感じです。

未来日の場合は以下のようなポップアップ表示されるようにしています。

以上です。