显示:如果日期过期，则无

Question

我试图掩盖音乐会的日期，在音乐会发生4周之后。1天后，它应该变红。

这是我在其他地方发现的：

$('#timeTable tr td').each(function () {
    var dtSt = $(this).html().split(" ");
    var dtAr = dtSt[0].split("/");
    var when = new Date(dtAr[1] + "/" + dtAr[0] + "/" + dtAr[2] + " " + dtSt[1]);
    console.log(when);    
    var now = Date.now();
    if (now - when > 2419200000) {
        $(this).parent('tr').addClass('four_weeks');
    } else if (now - when > 86400000) {
        $(this).parent('tr').addClass('one_day');
    } 
});

它可以与桌子一起使用，但我希望它可以与我得到的Divs一起使用，所以我更改了结构中的#timetable零件：

$('.termin .termin_content h3').each(function () {
    if (now - when > 2419200000) {
        $(this).parent('h3').addClass('four_weeks');
    } else if (now - when > 86400000) {
        $(this).parent('h3').addClass('one_day');
    }
});

我想这不是事情的工作方式。甚至可以摆脱一天中的时间还是需要计算？

jsfiddle

Answer 1

您的问题与选择器有关，后来标记了H3标签，我对您的代码进行了少量更改。

$('.termin h3').each(function () {
    var dtSt = $(this).html().split(" ");
    var dtAr = dtSt[0].split(".");
    var when = new Date(dtAr[1] + "/" + dtAr[0] + "/" + dtAr[2] + " " + dtSt[1]);
    console.log(when);    
    var now = Date.now();
    if (now - when > 2419200000) {
        $(this).addClass('four_weeks');
    } else if (now - when > 86400000) {
        $(this).addClass('one_day');
    }
});

jsfiddle：http：//jsfiddle.net/9ktfvq9r/