jquery - 如何循环遍历 并比较日期 jQuery

Question

我想循环遍历表格的元素并更改某些元素的 CSS(如果它们已经存在 5 天了)。日期列将是格式为 Thu May 04 13:44:23 EDT 2017

的字符串

我认为它应该是这样的(为了简单起见，假设日期是在今天之前)，但是我已经玩了一下并且无法得到任何东西。 jQueryUI 库可用。

$(".t-data-grid").find('td').each (function() {
  if(Date.parse($(this).text()) < $.datepicker.formatDate('DD, d MM, yy', new Date())) {
    $(this).css('color', 'red');
  }
});     

Answer 1

这里有一个非常简单的解决方案来解决您的问题。代码有注释并且应该 self 解释。

$(".t-data-grid").find('td').each(function() {
  // Parse the date
  var date = Date.parse($(this).text());
  // Create a date to compare against
  var fiveDaysAgo = new Date();
  // Subtract 5 days from it
  fiveDaysAgo.setDate(fiveDaysAgo.getDate()-5);
  // Compare to see if the date in the table is older than 5 days
  if(date < fiveDaysAgo) $(this).css('color', 'red');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="t-data-grid">
  <tr>
    <td>Mon May 15 13:44:23 EDT 2017</td>
    <td>Sat May 13 13:44:23 EDT 2017</td>
    <td>Wed May 10 13:44:23 EDT 2017</td>
    <td>Mon May 08 13:44:23 EDT 2017</td>
    <td>Sun May 07 13:44:23 EDT 2017</td>
  </tr>
</table>