| Issue 302: | styles for weekend days | |
| 1 person starred this issue and may be notified of changes. | Back to list |
I would like it if there was an easy way to change the styles of weekend days in month view. For example, I would like to change the background colour of the weekends to gray.
Feb 5, 2010
cool. this should probably be more apparent in the docs.
Status:
Done
Apr 25, 2013
But, how we can change the style: width of Sunday cell?? I am able to change the style of fc-sat but not able to change the width, as it is there inline, PLease let me know how I can change the width of Sunday cell??
May 17, 2013
Hello and thanks for this awesone calendar,
Hello I just working about it, but not finished yet:
$('#calendar').fullCalendar({
viewDisplay: function(view) {
$('td.fc-sat').each(function(){
//var weekStart = _cellDate(i, 0);
//$(_cell).text(formatDate(weekStart, weekNumberFormat));
//if ($(this).css !== 'td.fc-state-highlight')
$(this).css('background','rgb(255, 255, 0)');
});
$('td.fc-sun').each(function(){
//var weekStart = _cellDate(i, 0);
//$(_cell).text(formatDate(weekStart, weekNumberFormat));
//$(this).css('background','rgb(255, 255, 0)');
$(this).css('background','#ffff00');
});
}
});
At this point a i notice will be more code for fix:
1) When the actual day is saturday or sunday:
to block it for example i will try found ask if $(this) is
fc-state-highlight
Something like this: if ($(this).css !== 'td.fc-state-highlight')
2) This modifie the background color of all the days in the dayview.
|
|
| ► Sign in to add a comment |
Never mind, I found that there are already classes for saturdays and sundays. I can style them like this (makes sundays and saturdays have gray backgrounds): .fc td.fc-sun, .fc td.fc-sat { background-color:#dddddd; } Thanks.