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

【问题标题】：Use moment.js to insert date inside HTML5 <time> element使用 moment.js 在 HTML5 <time> 元素中插入日期
【发布时间】：2016-04-24 04:52:42
【问题描述】：

我想使用 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>

提前致谢！

【问题讨论】：

【解决方案1】：

你可以使用 vanilla 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") )

【讨论】：