在日历中的特定日期之后更改背景颜色

Question

我有一个活动日历。我想在特定日期 [SOC DATE] 之后将所有列的背景颜色更改为绿色，并在日期之后更改为红色。我的日历如下。

<td class="fc-day fc-wed fc-widget-content fc-past" data-date="2014-02-19">
<td class="fc-day fc-thu fc-widget-content fc-past" data-date="2014-02-20">
<td class="fc-day fc-fri fc-widget-content fc-today fc-state-highlight" data-date="2014-02-21">
<td class="fc-day fc-sat fc-widget-content fc-future" data-date="2014-02-22">
<td class="fc-day fc-sun fc-widget-content fc-future fc-last" data-date="2014-02-23">

我设法使用以下 jquery 更改了该日期 [SOC DATE] 的背景颜色。

$("[data-date=2014-02-22]").css("background-color","#ff9bd7");

但我无法更改以前和过去日期的颜色。 我试过了 $("[data-date>2014-02-22]").css("background-color","red"); 但不工作。

提前致谢。

Answer 1

你可以尝试使用prevAll():

$("[data-date=2014-02-22]").prevAll().css("background-color","red");

---

试试这个：

$("[data-date=2014-02-22]").closest('tr').prevAll('tr').find('td').css("background-color","red");

---

试试这个：

var index = $("[data-date=2014-02-22]").index('td.fc-day');

$('td.fc-day:lt(' + index + ')').css("background-color","red");

Answer 2

试试这个：

$('[class*="fc"]').filter(function() {
  return $(this).data('date') > "2014-02-22";
}).css("background-color","red");