HTML - datetime 属性

HTML datetime 属性用于指示与元素关联的日期和时间。

它用于指定文本插入或删除的时间。datetime 属性的值必须采用有效的格式，并带有一个可选的时间字符串。如果该值无法解析为日期（并带有一个可选的时间字符串），则该元素不具有关联的时间戳。

语法

<tag datetime = "value"></tag>

其中 value 可以是任何日期和时间，格式如下

Year-month-day or 2023-07-11 or 2023-07-11T15:17:00

应用于

以下列出的元素允许使用 HTML datetime 属性

元素	描述
<del>	HTML <del> 标签用于标记网站上已删除的文本内容。
<ins>	HTML <ins> 标签表示已插入 HTML 文档的一段文本。
<time>	HTML <time> 标签用于定义特定的日期和时间。

HTML datetime 属性示例

下面的示例将说明 HTML datetime 属性，以及我们应该在何处以及如何使用此属性！

定义已删除元素的日期时间

在以下示例中，我们在 <del> 标签内使用 HTML ‘datetime’ 属性来指示与此元素关联的日期和时间。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML 'datetime' attribute</title>
</head>
<body>
   <!--HTML 'datetime' attribute-->
   <p>Example of the HTML 'datetime' attribute</p>
   <del datetime="2023-07-11T14:26:00">
      Text within the 'del' tag has been deleted.
   </del>
</body>
</html>

定义已插入元素的日期时间

考虑另一种情况，我们将与 ins 标签一起使用 datetime 属性。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML 'datetime' attribute</title>
</head>
<body>
   <!--HTML 'datetime' attribute-->
   <p>Example of the HTML 'datetime' attribute</p>
   <ins datetime="2023-07-11T14:42:04">
      Text inserted within the 'ins' element.
   </ins>
</body>
</html>

带时间标签的日期时间属性

让我们看看下面的示例，我们将与 time 标签一起使用 datetime 属性，并使用 javascript 打印当前时间。这用于机器可读。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML 'datetime' attribute</title>
</head>
<body>
   <!--HTML 'datetime' attribute-->
   <p>Example of the HTML 'datetime' attribute</p>
   <h3>HTML 'datetime' attribute with 'time' element</h3>
   <p>The concert is on 
      <time datetime="2023-07-15T15:02:00">
   15 July</time>
   </p>
   <p>Current time is: 
      <time datetime="2023-07-11T15:03:00" id='demo'></time>
   </p>
   <script>
      var d = new Date();
      var h = d.getHours();
      var m = d.getMinutes();
      var s = d.getSeconds();
      var res = document.getElementById('demo');
      res.innerHTML = h + " : " + m + " : " + s;
   </script>
</body>
</html>

支持的浏览器

属性
datetime	是 62.0	是 18.0	是 22.0	是 7.0	是 49.0

html_attributes_reference.htm

打印页面