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

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

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

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

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

コメントを残す

メールアドレスが公開されることはありません。