jquery - 如何让 jQuery 的 timeago 插件工作

Question

我一直在尝试通过使用 jquery 的 timeago 插件来使时间戳在我正在从事的这个项目中可读。

这是我拥有的html代码；

<dd id="dateJoined">2016-08-04T22:30:59.920516Z</dd>

以下是我要开始工作的脚本的一个片段；

$('dd').addClass('timeago');
$("dd.timeago").timeago();

没有语法错误，但由于某种原因它不起作用。

Answer 1

您使用了错误的 HTML 元素，正确的应该类似于以下代码。注意：你必须添加datetime属性，否则它将不起作用

<time  id="dateJoined" datetime="2008-07-17T09:24:17Z">2008-07-17T09:24:17Z</time>

以代码笔为例http://codepen.io/mozzi/pen/wWYdVL在哪里

如果您检查示例，您会发现 3 个日期

1. HTML 元素 + 日期时间属性 --> 工作正常
2. 没有 datetime 属性的 HTML 元素 --> 不起作用
3. dd HTML 元素 --> 不起作用