Html 元素 <time> 没有 HH MM SS 的日期格式

Html element <time> date format without HH MM SS

我正在使用 HTML <time> 元素来显示 date.I 必须仅显示日期-part.From 后端我正在获取日期“13/07/ 2016 00:00:00" 与 HH MM SS.

我使用下面一行将日期时间转换为日期。

<time class="meta" datetime="DD/MM/YYYY">13/07/2016 00:00:00</time>

但仍然输出相同的“13/07/2016 00:00:00”。

我指的是:- HTML time tag - correct date format

我认为标签有些混乱。

根据MDN

This element is intended to be used presenting dates and times in a machine readable format. This can be helpful for user agents to offer any event scheduling for user's calendar.

在您的代码中,<time class="meta" datetime="DD/MM/YYYY">13/07/2016 00:00:00</time>,输出不会根据您通过 datetime 属性指定的格式而改变,因为它用于机器阅读,但文本部分此标签的 13/07/2016 00:00:00 将在页面上对人类可见。

如果你想改变这个输出的格式。我认为您应该使用某种 javascript 来格式化此值,或者以一种骇人听闻的方式,您可以将其拆分为 space 并将第一个索引仅用于日期。

您错误地使用了 <time> 标签。 datetime 属性应该是带有可选时间字符串的有效日期,它对标签的内容没有影响。

一个有效的用法示例:

<p>The concert took place on <time datetime="2001-05-15T19:00">May 15</time>.</p>

仅 HTML 无法实现您想实现的目标。您要么在后端格式化日期,要么使用 Javascript.