繁体   English   中英

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

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

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

提前致谢!

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM