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

列印頁面