html input type date

date 型の <input> 要素は、中身を自動的に検証するテキストボックスまたは特殊な日付選択インターフェイスを使用して、ユーザーに日付を入力させる入力フィールドを生成します。結果の値には年、月、日が含まれますが、時刻は含まれません。 time 及び datetime-local 入力型は時刻や日付と時刻の入力に対応しています。

コントロールのユーザーインターフェイスは、一般にブラウザ―によってまちまちです。現時点で対応は不安定であり、詳細はブラウザーの対応を参照してください。対応していないブラウザーでは、このコントロールは単純な <input type="text"> に格下げされます。

日付を選択するカスタムインターフェイスに対応したブラウザーの中で、 Chrome/Opera の日付コントロールは次のように表示されます。

Edge の日付コントロールは次のように表示されます。

Firefox の日付コントロールは次のように表示されます。

Datepicker UI in firefox

YYYY-MM-DD 形式で日付を表現する DOMString、または空欄
イベント change および input
対応する共通属性 autocomplete, list, readonly, step
IDL 属性 list, value, valueAsDate, valueAsNumber
メソッド select(), stepDown(), stepUp()

 

コメントを残す