Можно ли использовать повторяющиеся даты?

Question

Я использую FullCalendar в одном из своих проектов и хотел бы отображать повторяющиеся даты, когда пользователь нажимает на дату. Когда дата выбрана, я хотел бы построить следующую дату через 10 дней. Поэтому, если пользователь нажмет 1 сентября 2010 года:

Дата № 2: 11 сентября 2010 г.
Дата № 3: 21 сентября 2010 г.
Дата № 4: 02 октября 2010 г.

Я хотел бы отметить рассчитанные даты, чтобы изменить цвет фона td. Я понял эту логику, но не могу установить цвет фона даты.

Я запускаю цикл for для генерации следующих 8 дат после выбора начальной даты. Я могу сгенерировать даты и отправить их в массив «dArr», но не знаю, как установить фон этих дат.

<script type="text/javascript">
var dArr= [];
$(document).ready(function()
{   
    var now = new Date();
    $('#calendar').fullCalendar
    ({
        dayClick: function(date, allDay, jsEvent, view) 
        {   
            if(dArr.length > 0)
            {
                for(var j=0; j < dArr.length; j++)
                {
                    dArr.splice(j);
                }
            }
            dArr.push(date.getDate());                      
            for(var i=0; i < 8; i++)
            {
                if(i == 0)
                {
                    date.setDate(date.getDate() + 1);
                    dArr.push(date.getDate());
                }
                else if(i == 4)
                {
                    date.setDate(date.getDate() + 5);
                    dArr.push(date.getDate());
                }
                else
                {
                    date.setDate(date.getDate() + 14);
                    dArr.push(date.getDate());
                }                   
            }   // FOR LOOP ENDS HERE
            alert(dArr);
        }
    });

});
</script>

Буду очень признателен за вашу помощь в этом.

Answer 1

Чтобы изменить цвет фона на указанную дату (в режиме просмотра недели):

var day = date.getDay();
$("#calendar .fc-agenda-bg").find("td").eq(day - 1).addClass('my-class');

, где my-class:

my-class {
backgound: ......;
}