HTML5 / 要素 / 日付入力

つまりこれ

<input type="date" name="hoge" />

• 未入力時は「yyyy-mm-dd」と表示
• 直接入力は不可能
• 年月日各値にフォーカスをあてて数値のみ入力可能
• 年月日各値にフォーカスをあててスピンボックスで入力変更可能
• カレンダーで入力可能
• フォーカスアウト時に正しい日付へ強制修正(34日とかが31日に修正される)
• 未入力時の value は空文字
• 一部だけ入力時の文字は空文字
• 入力済み状態での value は 2017-04-14 のような年月日ハイフンツナギ
• min max 値は指定できるが入力時にその制御がかかるのはカレンダーからの入力だけ
• min max 値は送信時は制御がかかる