Input DatetimeLocal value 属性

定义和用法

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)

技术细节

返回值:字符串值,表示本地日期时间字段的日期和时间。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

ChromeEdgeFirefoxSafariOpera
ChromeEdgeFirefoxSafariOpera
支持10.0支持支持支持

注意:<input type="datetime-local"> 元素在 Firefox 中不显示任何日期时间字段/日历。