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

时间:2016-01-18 21:38:07

标签: javascript jquery html5 datetime momentjs

我想使用moment.js在HTML5 TreeModel标记内插入一个回溯的RFC 3339时间戳,因此它会在HTML中呈现:

<time>

使用moment.js,我的.js正常工作以生成时间戳:

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

我可以使用document.getElementById('fourDaysEarlier').innerHTML = moment().subtract(4, 'days').format("YYYY-MM-DDTHH:mm:ssZ")成功写入文档:

innerHTML

但是如何在<span id="fourDaysEarlier"></span>标签中插入时间戳,就像这样??

<time>

提前感谢!

1 个答案:

答案 0 :(得分:3)

您可以使用像

这样的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") )