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

Datetime オブジェクト

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

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

注記：Internet Explorer、Firefox または Chrome は <input type="datetime"> 元素をサポートしていません、Safari では一部サポートされています。Opera 12 以降のバージョンでは完全にサポートされています。

访问 Datetime 对象

您可以通过使用 getElementById() 来访问 <input type="myDatetime"> 元素：

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

自分で試してみましょう

提示：您也可以通过遍历表单的 elements 集合来访问 Datetime 对象。

创建 Datetime 对象

您可以通过使用 document.createElement() 方法来创建 <input type="datetime"> 元素：

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

自分で試してみましょう

Datetime オブジェクト属性

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

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

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

標準属性およびイベント

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

関連ページ

HTML 教程：HTML フォーム

HTML リファレンスマニュアル：HTML <input> タグ

HTML リファレンスマニュアル：HTML <input> type 属性