如何让jQuery的timeago插件工作

Question

我一直试图在这个项目上制作人类可读的时间戳，我正在使用timeago插件为jquery工作。

这是我的html代码;

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

以下是我试图开始工作的脚本的片段;

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

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

Answer 1

您使用的是错误的HTML元素，正确的HTML元素应如下所示。 注意：您必须添加日期时间属性，否则它将无法正常工作

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

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

如果你查看了这个例子，你会发现3个日期

1. HTML元素+日期时间属性 - ＆gt;工作正常
2. 没有datetime属性的HTML元素 - ＆gt;不行吗
3. dd HTML元素 - ＆gt;不行吗