HTML | DOM 中的 dateTime 属性

HTML | DOM 中的 dateTime 属性是用来指定日期和时间的，它可以用于 元素中。

语法

<time datetime="YYYY-MM-DDTHH:mm:ss.sssZ">日期和时间</time>

其中，datetime 属性需要遵循 ISO 8601 时间格式，具体格式为：

• YYYY：四位数年份，如 2021
• MM：两位数月份，如 01 表示一月，12 表示十二月
• DD：两位数日期，如 01 表示一号，31 表示三十一号
• T：表示日期和时间的分割符
• HH：24 小时制表示的小时数，如 00 表示零时，23 表示二十三时
• mm：分钟数，如 00 表示零分，59 表示五十九分
• ss：秒数，如 00 表示零秒，59 表示五十九秒
• .sss：毫秒数，如 000 表示零毫秒，999 表示九百九十九毫秒
• Z：表示时区的偏差，+HH:mm 或 -HH:mm，如 +08:00 表示东八区，-08:00 表示西八区

示例

<p>The concert starts at <time datetime="2022-02-14T19:00:00+08:00">7:00 PM</time>.</p>

以上代码将显示为：

The concert starts at 7:00 PM.

JavaScript 中的 dateTime 属性

在 JavaScript 中，可以使用以下属性来操作 元素的 dateTime 属性：

var timeElem = document.getElementsByTagName("time")[0];
var dateTimeValue = timeElem.dateTime;
timeElem.dateTime = "YYYY-MM-DDTHH:mm:ss.sssZ";

其中，dateTime 属性返回当前元素的 dateTime 值，也可以用来设置它的 dateTime 值。

总结

HTML | DOM 中的 dateTime 属性是一个用来指定日期和时间的属性，它可以用于 元素中，并且需要遵循 ISO 8601 时间格式。在 JavaScript 中，可以使用 dateTime 属性来操作 元素的 dateTime 值。