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

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

Дата № 2: 11 сентября 2010 г.
Дата № 3: 21 сентября 2010 г.
Дата № 4: 2 октября 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>

Я был бы очень признателен за вашу помощь в этом.


person Combustion007    schedule 14.09.2010    source источник
comment
вы планируете добавить общие цвета или цвета в зависимости от дат? Если вы просто планируете добавить общие цвета, просто добавьте несколько шестнадцатеричных чисел в массив цветов, а затем, когда вы установите дату, выберите цвет из своего массива и установите его с помощью jquery .attr (style, color: + $ color)   -  person corroded    schedule 14.09.2010


Ответы (1)


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

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

где мой-класс:

my-class {
backgound: ......;
}
person Eureka    schedule 28.10.2010