Input DatetimeLocal value属性

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

定義と使用法

value 属性の設定またはローカル日時フィールドのvalue属性の値の返却。

HTML value属性はローカル日時フィールドにローカル日時を指定します。

参照：

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

インスタンス

例1

日時フィールドにローカル日時を設定：

document.getElementById("myLocalDate").value = "2023-02-15T18:15:30.520";

自分で試してみてください

例2

日時フィールドのローカル日時を取得：

var x = document.getElementById("myLocalDate").value;

自分で試してみてください

例3

defaultValueとvalue属性の差を示す例：

var x = document.getElementById("myLocalDate");
var defaultVal = x.defaultValue;
var currentVal = x.value;

自分で試してみてください

文法

value属性の返却：

datetimelocalObject.value

value属性の設定：

datetimelocalObject.value = YYYY-MM-DDThh:mm:ss.ms

属性値

値 説明
YYYY-MM-DDThh:mm:ss.ms

指定日時を規定します。

コンポーネント説明：

  • YYYY - 年（例：2023年）
  • MM - その月（例：02は2月を意味します）
  • DD - その月の日（例：15）
  • T - 時間が指定されている場合、必須の区切り記号です
  • hh - 時（例：22は夜10時を意味します）
  • mm - 分（例：55）
  • ss - 秒（例：06）
  • ms - ミリ秒（例：520）

技術的詳細

返り値： ローカルの日付と時間フィールドの日付と時間を示す文字列値。

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 10.0 サポート サポート サポート

注意：<input type="datetime-local"> 元素は Firefox では任何の日付と時間フィールド / カレンダーを表示しません。

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