Изменение цвета фона дней в FullCalendar

Question

Я использую FullCalendar в моем приложении asp.net. В моем приложении есть четыре asp:Button s, как показано ниже.

Weekends 
Weekdays 
Month 
Year 

Когда пользователь нажимает на кнопку Weekends, мне нужно изменить цвет фона Weekend days текущего месяца.

Когда пользователь нажимает на кнопку Weekdays, мне нужно изменить цвет фона Weekdays текущего месяца.

Когда пользователь нажимает на кнопку Month, мне нужно изменить цвет фона all days текущего месяца.

Когда пользователь нажимает на кнопку Year, мне нужно изменить цвет фона all days текущего года.

Что я пытался до сих пор:

Вот Demo для изменения цвета фона в выходные дни. это изменение цвета фона выходных дней, включая другие месяцы, которые в настоящее время отображаются в календаре. но мне нужно изменить только текущий цвет фона только в выходные дни.

Как я могу это достичь?

Answer 1

Вы почти находитесь в своей демонстрации. Вам просто нужно отфильтровать дни, которые есть в другие месяцы, и, к счастью, FullCalendar отмечает эти дни с помощью класса CSS fc-other-month.

Изменяя свой код немного здесь, как вы могли бы сделать это в выходные дни:

$('#weekends').click(function() { 

    $('.fc-day.fc-sat').not('.fc-other-month').css('backgroundColor','#bce8f1'); 
    $('.fc-day.fc-sun').not('.fc-other-month').css('backgroundColor','#bce8f1'); 

}); 

И обновленный демо на jsfiddle: http://jsfiddle.net/z8Jfx/22/