Input Date value 属性

HTML DOM Input Date 对象

定义和用法

value 属性设置或返回日期字段的 value 属性的值。

HTML value 属性规定日期字段的日期。

另请参阅：

HTML 参考手册：HTML <input> value 属性

实例

例子 1

为日期字段设置日期：

document.getElementById("myDate").value = "2023-02-15";

亲自试一试

例子 2

获取日期字段的日期：

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

亲自试一试

例子 3

显示 defaultValue 和 value 属性之间差异的一个例子：

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

亲自试一试

语法

返回 value 属性：

inputdateObject.value

设置 value 属性：

inputdateObject.value = YYYY-MM-DD

属性值

值 描述
YYYY-MM-DD

规定日期字段的日期。

组件说明：

  • YYYY - 年（例如 2023 年）
  • MM - 月份（例如 02 表示六月）
  • DD - 月份中的某天（例如 15）

例如："2023-02-15" 表示 2023 年 02 月 15 日 (15/02/2023)。

技术细节

返回值： 字符串值，表示日期字段的日期。

浏览器支持

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 10.0 支持 支持 支持

注意：<input type="date"> 元素在 IE11 及更早版本中不显示任何日期字段/日历。

HTML DOM Input Date 对象