【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して、現在時刻と比較する感じです。

 

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

 

以上です。



投稿日:2020-10-08    更新日:2020-10-08

[スポンサーリンク]

関連記事
勉強した内容を緩くメモする|JBの技術メモ
勉強した内容を緩くメモする|JBの技術メモ
勉強した内容を緩くメモする|JBの技術メモ
勉強した内容を緩くメモする|JBの技術メモ
勉強した内容を緩くメモする|JBの技術メモ
勉強した内容を緩くメモする|JBの技術メモ
サイト内検索
プロフィール

プロフィール

[Name : じゃぶじゃぶ(@jbjb_2019)]
都内で社内SEをしているおじさん。
仕事で得られる知識だけでは限界を感じ、 WEBの勉強がてらITブログを開始。
サーバからWEBサイトまでフルスクラッチで開発しました。
現在は勉強のモチベーションを保つために活用中。
興味があることを雑記的に書いていきます。

[スポンサーリンク]

[スポンサードリンク]