日期时间属性在<时间>要素

datetime attr in <time> element

本文关键字：时间 gt 要素 lt 日期 属性      更新时间：2023-09-26

我选择了一些时间元素：

[ <time class=​"end" datetime>​</time>​ , 
<time class=​"end" datetime=​"2011-12">​Dec 2011​</time>​ , 
<time class=​"end" datetime=​"2010-01">​Jan 2010​</time>​ , 
<time class=​"end" datetime=​"2009-01">​Jan 2009​</time>​ , 
<time class=​"end" datetime=​"2006-12">​Dec 2006​</time>​ , 
<time class=​"end" datetime=​"2006-05">​May 2006​</time>​ ]

可以从jQuery语句中选择：

$('.workexperience .company .position > time.end')

我正在尝试用当前月份和日期填充结束日期时间和InnerHTML（如果它们为空），但在选择<time>标记的日期时间属性时遇到困难。

  • 如何检查日期时间属性是否为空？以及
  • 然后我该如何填写文本

我有这个功能来帮助获取当前日期，并将其设置为月-年（month，YYYY）格式。并且可以调整它以获得datetime属性的数字格式，只是不知道如何使用JQuery选择它们。

function getCurrentDate() {
var d = new Date();
var m = new Array(7);
var y = d.getFullYear();
m[0] = "January"; m[1] = "February"; m[2] = "March"; m[3] = "April"; m[4] = "May"; m[5] = "June"; m[6] = "July"; m[7] = "August"; m[8] = "September"; m[9] = "October"; m[10] = "November"; m[11] = "December";
return m[d.getMonth()] + ", " + y; 
};`

一如既往，感谢您的时间和帮助。

只需使用.attr()方法：

var ends = $('.workexperience .company .position > time.end');
ends.attr("datetime", function(i, d) {
    if (!d) // empty
        return getCurrentDate();
    return d;
});

或者更好的是.prop()方法：

ends.prop("dateTime", function(i, d) {...});
相关文章：