Input DatetimeLocal value 属性

HTML DOM Input DatetimeLocal 对象

定义和用法

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 表示二月）
  • 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 Input DatetimeLocal 对象