メサイア・ワークス

chromeでHTML5カレンダー(date)を使って日付入力する時に、テンキーだと0日のような日付が一時的に入力できてしまう事の対処法

chromeでHTML5カレンダー(date)を使って日付入力する時に、テンキーだと0日のような日付が一時的に入力できてしまう事の対処法

HTML5で追加されたinput type=dateは、カレンダー入力が簡単に実装できて非常に便利です。
検索画面などでも大活躍!なのですが…。今時は検索ボタンを押される前に検索条件を変更されたら、すぐに検索結果が反映されるようにAjaxという技術が使われています。

そんな時に問題なのが、0日と入力できてしまったり、また01日になっても値を取得できない時があります。

なので、JSでDateオブジェクトを利用した日付チェックを噛ませると、正しい日付の時だけ検索してくれて無問題!

モバイルバージョンを終了