javascript - <time> 元素中的日期时间属性

Question

我有一些时间元素:

[ <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) 格式。并可以调整它以获得日期时间属性的数字格式，只是不知道如何使用 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; 
};`

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

Answer 1

只需使用 .attr() method :

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

...或者，更好的是 .prop() method :

ends.prop("dateTime", function(i, d) {...});