HTML | DOM 时间日期时间属性

HTML | DOM 时间日期时间属性是处理日期和时间的一组浏览器 API。 开发人员可以使用这些API从网页中读取时间和日期，或者在网页上添加日期时间控件。

JavaScript 中的日期对象

在 JavaScript 中，日期对象是构建日期和时间函数的基础。要创建日期，可以使用 Date() 构造函数或内置的 Date 对象。

var today = new Date(); // 创建一个新的当前日期对象
var birthday = new Date(1990, 5, 5); // 创建本人生日的日期对象

日期对象包含很多日期和时间属性。这些属性可用于访问对象中存储的日期和时间。

一些常用的日期属性有：

getFullYear() // 返回年份
getMonth() // 返回月份（0-11）
getDate() // 返回日期（1-31）
getDay() // 返回星期几（0-6）
getHours() // 返回小时（0-23）
getMinutes() // 返回分钟数（0-59）
getSeconds() // 返回秒数（0-59）
getMilliseconds() // 返回毫秒数（0-999）

HTML 日期控件和时间控件

HTML 也提供了内置日期控件和时间控件。这些元素的类型属性为 date 和 time，分别用于选择日期和时间。

<label for="birthday">生日:</label>
<input type="date" id="birthday" name="birthday">

<label for="time">时间:</label>
<input type="time" id="time" name="time">

DOM 时间日期时间属性

要操作 HTML 元素中的日期和时间，可以使用 DOM 中的一组属性。 这些属性可以返回或设置元素中日期和时间的值。

一些常见的 DOM 时间日期属性有：

innerHTML // 设置或返回元素的 HTML 内容
value // 设置或返回输入域的值（仅适用于 input 元素）

例如，要在 HTML 中插入当前时间，可以使用以下代码：

var today = new Date();
document.getElementById("demo").innerHTML = today;

要修改 input 元素的日期和时间值，可以使用以下代码：

document.getElementById("birthday").value = "1990-05-05";
document.getElementById("time").value = "12:30";

结论

HTML | DOM 时间日期时间属性提供了一组强大的浏览器 API，可以方便地处理日期和时间。使用这些 API，可以轻松地读取日期和时间，或者在页面上添加日期时间控件。