Input Datetime value属性

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

定義と使用方法

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

HTMLのvalue属性は、日期時間フィールドに日期と時間を指定します。

参照：

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

例

例 1

日期時間フィールドに日期と時間を設定：

document.getElementById("myDatetime").value = "2014-01-02T11:42Z";

自分で試してみる

例 2

日期時間フィールドの日期と時間を取得：

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

自分で試してみる

文法

value属性の返却：

datetimeObject.value

value属性の設定：

datetimeObject.value = YYYY-MM-DDThh:mm:ssTZD

属性値

値 説明
YYYY-MM-DDThh:mm:ssTZD

指定された日付と/または時間。

コンポーネント説明：

  • YYYY - 年（例えば 2023年）
  • MM - 月份（例えば 02 は2月を意味します）
  • DD - 月份の特定の日（例えば 15）
  • T - 時が指定されている場合、必須の区切り記号
  • hh - 時（例えば 22 は夜 10 時を意味します）
  • mm - 分（例えば 55）
  • ss - 秒（例えば 06）
  • TZD - 時区指示子（Z 表示祖魯，也称为グリニッジ標準時）

技術的な詳細

返り値： 日付および時間のフィールドの日付と時間を表す文字列値。

ブラウザのサポート

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

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

注意：Safari を除くすべての主要ブラウザでは、<input type="datetime"> 要素は何も日付または時間のフィールド/カレンダーを表示しません。

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