HTML DOM インプット デート オブジェクト

Input Date オブジェクト

Input Date オブジェクトは HTML5 での新しいオブジェクトです。

Input Date オブジェクトは HTML <input type="datetime"> 元素を表します。

注釈：Internet Explorer または Firefox は <input type="date"> 元素をサポートしていません。

Input Date オブジェクトにアクセス

getElementById() を使用して <input type="date"> 元素にアクセスできます：

var x = document.getElementById("myDate");

実際に試してみましょう

ヒント：フォームを巡回して、 elements コレクションInput Date オブジェクトにアクセスするために。

Input Date オブジェクトの作成

document.createElement() メソッドを使用して <input type="date"> 元素を作成できます：

var x = document.createElement("INPUT");
x.setAttribute("type", "date");

実際に試してみましょう

Input Date オブジェクト属性

属性 説明
autocomplete date フィールドの autocomplete 属性値を設定または返します。
autofocus ページが読み込まれた後に date フィールドが自動的にフォーカスを取得するかどうかを設定または返します。
defaultValue date フィールドのデフォルト値を設定または返します。
disabled date フィールドが無効であるかどうかを設定または返します。
form date フィールドを含むフォームの参照を返します。
list date フィールドを含む datalist の参照を返します。
max date フィールドの max 属性値を設定または返します。
min date フィールドの min 属性値を設定または返します。
name date フィールドの name 属性値を設定または返します。
readOnly date フィールドが読み取り専用であるかどうかを設定または返します。
required フォーム送信前に date フィールドが必須であるかどうかを設定または返します。
step date フィールドの step 属性値を設定または返します。
type date フィールドのフォーム要素タイプを返します。
value date フィールドの value 属性値を設定または返します。

Input Date オブジェクトメソッド

メソッド 説明
select() 日付テキストフィールドの内容を選択します。
stepDown() 指定された数字で減少した日付フィールドの値を減少させます。
stepUp() 指定された数字で増加した日付フィールドの値を増加させます。

標準属性およびイベント

Input Date オブジェクトが標準をサポートしています属性およびイベント。

関連ページ

HTML 教程：HTML フォーム

HTML 参考マニュアル：HTML <input> タグ

HTML 参考マニュアル：HTML <input> type 属性