different color for weekend on monthly fullcalendar display

Question

How does one go about setting the weekend to a different color display when viewing the monthly or weekly view.

Answer 1

Obviously this will depend entirely on your HTML, but assuming you are using a table with class calendar, with the weekends at the right:

$('table.calendar > tbody > tr > td:nth-child(-n+2)').addClass('weekend');

-n+2 selects the last 2 table cells in each row. weekend is a class, so in your CSS you'd have something like:

.weekend { color: #00f; }

(If your HTML is different, then update your question with a better description and the code.)

Answer 2

I think that for the case of FullCalendar, you just need to specify some CSS for the existing CSS classes:

.fc-sat { color:blue; }
.fc-sun { color:red;  }