最新のWeb開発のチュートリアル
 

HTMLのDOM入力DateTimeオブジェクト


入力DateTimeオブジェクト

入力DateTimeオブジェクトは、HTML5で新しく追加されました。

入力日時オブジェクトはHTML表し<input>タイプ=「日時」の要素。

注意: <input>タイプ=「日時」を持つ要素はサファリを除き、主要なブラウザのいずれかにおける任意の日時フィールド/カレンダーとして表示されません。

入力DateTimeオブジェクトにアクセス

あなたはアクセスできる<input>使用してタイプ=「日時」を持つ要素をgetElementById()

var x = document.getElementById("myDatetime");
»それを自分で試してみてください

ヒント:また、アクセスできる<input type="datetime">を検索することによって要素のフォームのコレクション。

入力DateTimeオブジェクトを作成します。

あなたは、作成することができます<input>使って、タイプ=「日時」を持つ要素をdocument. createElement() document. createElement()メソッド:

var x = document.createElement("INPUT");
x.setAttribute("type", "datetime");
»それを自分で試してみてください

入力DateTimeオブジェクトのプロパティ

プロパティ 説明
autocomplete 設定またはの値を返すautocomplete日時フィールドの属性を
autofocus 日時フィールドが自動的にページのロード時に焦点を当ててもらう必要があるかどうかを設定または返します
defaultValue 設定または日時フィールドのデフォルト値を返します。
disabled 日時フィールドが無効になっているか、いないかどうかを設定または返します
form 日時フィールドを含むフォームへの参照を返します。
list 日時フィールドが含まれているデータリストへの参照を返します。
max 設定またはの値を返すmax日時フィールドの属性を
min 設定またはの値を返すmin日時フィールドの属性を
name 設定またはの値を返すname日時フィールドの属性を
readOnly 設定または返します日時フィールドは、読み取り専用、されているかどうか
required 日時フィールドがフォームを送信する前に記入する必要があるかどうかを設定または返します
step 設定またはの値を返すstep日時フィールドの属性を
type 日時フィールドがあるフォーム要素の種類を返します
value 設定またはの値を返すvalue日時フィールドの属性を

入力DateTimeオブジェクトのメソッド

方法 説明
stepDown() 指定された数によって日時フィールドの値をデクリメント
stepUp() 指定された数によって日時フィールドの値をインクリメント

標準プロパティおよびイベント

入力DateTimeオブジェクトは、標準サポートのプロパティイベントを


関連ページ

HTMLチュートリアル: HTMLフォーム

HTMLリファレンス: HTML <input>タグ

HTMLリファレンス: HTML <input> type属性