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

HTML DOM入力DatetimeLocalオブジェクト


入力DatetimeLocalオブジェクト

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

入力DatetimeLocalオブジェクトは、HTML表す<input> =「日時ローカル」タイプの要素。

注意: <input>タイプ=「日時ローカル」を持つ要素はFirefoxで任意の日時フィールド/カレンダーとして表示されません。

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

あなたはアクセスすることができます<input> =「日時ローカル」を使用してタイプを持つ要素をgetElementById()

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

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

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

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

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

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

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

入力メソッドをオブジェクトDatetimeLocal

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

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

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


関連ページ

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

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

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