使用 moment.js 在 HTML5 <time> 元素中插入日期

Question

我想使用 moment.js 在 HTML5 <time> 标签中插入一个回溯的 RFC 3339 时间戳，因此它呈现到 HTML 中：

<time datetime="2016-01-14T13:22:11-08:00">Lorem Ipsum</time>

使用 moment.js，我的 .js 可以正常工作以生成时间戳：

document.getElementById('fourDaysEarlier').innerHTML = moment().subtract(4, 'days').format("YYYY-MM-DDTHH:mm:ssZ")

我可以像这样用 innerHTML 成功写入文档：

<span id="fourDaysEarlier"></span>

但是如何在 <time> 标签中插入时间戳，就像这样？？

<time datetime="wantToInsertTimeStampHere">Lorem Ipsum</time>

提前致谢！

Answer 1

你可以只使用香草 javascript setAttribute() 方法

    document.getElementById('fourDaysEarlier').setAttribute("datetime", moment().subtract(4, 'days').format("YYYY-MM-DDTHH:mm:ssZ"));

或者如果您正在使用 jQuery - attr() 方法

    $('#fourDaysEarlier').attr("datetime", moment().subtract(4, 'days').format("YYYY-MM-DDTHH:mm:ssZ") )

Use moment.js to insert date inside HTML5 <time> element