菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <time> datetime 属性

❮ HTML <time> 标签

示例

带有关联机可读 datetime 属性的时间元素

<p>我有一个日期在 <time datetime="2017-02-14">情人节</time>。</p>
自己动手试一试 »

定义和用法

datetime 属性表示 <time> 元素的机读格式。

有效的 datetime 值示例

日期
<time datetime="1914">  <!-- 表示 1914 年 -->
<time datetime="1914-12">  <!-- 表示 1914 年 12 月 -->
<time datetime="1914-12-20">  <!-- 表示 1914 年 12 月 20 日 -->
<time datetime="12-20">  <!-- 表示 12 月 20 日(任何年份) -->
<time datetime="1914-W15">  <!-- 表示 1914 年第 15 周 -->

日期和时间
<time datetime="1914-12-20T08:00">  <!-- 表示 1914 年 12 月 20 日上午 8 点 -->
<time datetime="1914-12-20 08:00">  <!-- 也表示 1914 年 12 月 20 日上午 8 点 -->
<time datetime="1914-12-20 08:30:45">  <!-- 带分钟和秒 -->
<time datetime="1914-12-20 08:30:45.687">  <!-- 带分钟、秒和毫秒 -->

时间
<time datetime="08:00">  <!-- 表示上午 8 点 -->
<time datetime="08:00-03:00">  <!-- 表示里约热内卢时间上午 8 点(UTC-3 小时)  -->
<time datetime="08:00+03:00">  <!-- 表示马达加斯加时间上午 8 点(UTC+3 小时)  -->

时长
<time datetime="P2D">  <!-- 表示持续 2 天 -->
<time datetime="PT15H10M">  <!-- 表示持续 15 小时 10 分钟 -->

浏览器支持

Attribute
datetime 62.0  18.0 22.0 7.0 49.0


语法

<time datetime="YYYY-MM-DDThh:mm:ssTZD">

属性值

描述
YYYY-MM-DDThh:mm:ssTZD

或者

PTDHMS
指定的日期或时间。各部分说明
  • YYYY - 年(例如 2011)
  • MM - 月(例如 01 表示一月)
  • DD - 月中的某一天(例如 08)
  • T 或空格 - 分隔符(如果也指定了时间,则必需)
  • hh - 小时(例如 22 表示晚上 10 点)
  • mm - 分钟(例如 55)
  • ss - 秒(例如 03)
  • TZD - 时区标识符(Z 表示 Zulu,也称为格林威治标准时间)
  • P - "Period"(期间)的前缀
  • D - "Days"(天)的前缀
  • H - "Hours"(小时)的前缀
  • M - "Minutes"(分钟)的前缀
  • S - "Seconds"(秒)的前缀

❮ HTML <time> 标签
×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持