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

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

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

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

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

提前致谢。

Answer 1

试试这个：

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

Answer 2

您可以尝试使用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");