jquery - 使用 jQuery 确定表格中显示的日期是否早于今天的日期

Question

我正在寻求帮助来完成这个看似简单的任务。我只是不知道如何解决这个问题。

基本上，我有一个表单，可以从 jQuery 的日期选择器中为工单选择一个日期(截止日期)。结果与其他工单一起显示在一个单独的页面上。

我想弄清楚如何确定表中显示的日期是否已过期，如果日期早于今天的日期，则更改 CSS。因为表格中有几行，每一行都有一个需要评估的截止日期，这让我很困惑。

<table>
<tr>
<td class="dueDate">November 1, 2012</td>
</tr>
<tr>
<td class="dueDate">November 4, 2012</td>
</tr>
<tr>
<td class="dueDate">November 26, 2012</td>
</tr>
</table>

这是显示表单时表格的布局。这是我能想到的最接近的组合以确定显示的日期是否早于今天的日期。

$('.dueDate').each(function(){
var dueDate = $(this).val();
var today = new Date();
if (Date.parse(dueDate) < Date.parse(today)){
$(".dueDate").addClass("pastDue");
}        
});

这似乎不起作用。有什么想法吗？

Answer 1

您还需要使用选择器 .dueDate 而不是 #dueDate 这是因为 dueDate 是一个类，而不是 ID