Date and time <input> types

概要

date、time、datetime-local、month、week などの <input> タイプは、日付と時刻の入力に特化したUIを提供します。

対応ブラウザ

基本構文

<label>日付: <input type="date" name="date"></label>
<label>時刻: <input type="time" name="time"></label>
<label>日時: <input type="datetime-local" name="datetime"></label>
<label>月: <input type="month" name="month"></label>

実務での使いどころ

• Date and time <input> types の活用

  日付・時刻入力の <input> タイプ。date、time、datetime-local などに対応。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — Date and time <input> types
• Can I use — Date and time <input> types