menu
書いてる野郎
orebike@gmail.com
HTML5 / 要素 / 日付入力
HTML5 / 要素 / 日付入力
つまりこれ
<input type="date" name="hoge" />
Google Chrome ver58(201704頃)の挙動
- 未入力時は「yyyy-mm-dd」と表示
- 直接入力は不可能
- 年月日各値にフォーカスをあてて数値のみ入力可能
- 年月日各値にフォーカスをあててスピンボックスで入力変更可能
- カレンダーで入力可能
- フォーカスアウト時に正しい日付へ強制修正(34日とかが31日に修正される)
- 未入力時の value は空文字
- 一部だけ入力時の文字は空文字
- 入力済み状態での value は 2017-04-14 のような年月日ハイフンツナギ
- min max 値は指定できるが入力時にその制御がかかるのはカレンダーからの入力だけ
- min max 値は送信時は制御がかかる
