Изменение цвета фона после определенной даты в календаре

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"> 

Мне удалось изменить цвет фона этой даты [SOC DATE], используя следующий jquery.

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

Но я не могу изменить цвет прошлой и прошлой датыS. Я пробовал $("[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");