当查看每月或每周视图时,如何将周末设置为不同的颜色。
q9rjltbz1#
我认为对于FullCalendar的情况,你只需要为现有的CSS类指定一些CSS:
.fc-sat { color:blue; } .fc-sun { color:red; }
lo8azlld2#
我用它来灰色周末。
.fc td.fc-sun, .fc td.fc-sat { background-color:#dddddd; }
ej83mcc03#
如果我们只想在周末而不是周五着色,我试过这个。}
.fc-sat { background-color: #e4e4e4; color: } .fc-sun { background-color: #e4e4e4; }
对于完整日历
8e2ybdfx4#
如果有人遇到这种情况,最新版本的FullCalendar有以下样式:
/* Highlight the weekends */ .fc-day-sat, .fc-day-sun { background-color: #e4ece4; }
现在是“fc-day”,前面是一天。
bjp0bcyl5#
显然,这完全取决于你的HTML,但假设你使用的是一个类为calendar的表,右边是周末:
calendar
$('table.calendar > tbody > tr > td:nth-child(-n+2)').addClass('weekend');
-n+2选择每一行的最后2个单元格。weekend是一个类,所以在你的CSS中你会有这样的东西:
-n+2
weekend
.weekend { color: #00f; }
(If你的HTML是不同的,然后用更好的描述和代码更新你的问题。
5条答案
按热度按时间q9rjltbz1#
我认为对于FullCalendar的情况,你只需要为现有的CSS类指定一些CSS:
lo8azlld2#
我用它来灰色周末。
ej83mcc03#
如果我们只想在周末而不是周五着色,我试过这个。}
对于完整日历
8e2ybdfx4#
如果有人遇到这种情况,最新版本的FullCalendar有以下样式:
现在是“fc-day”,前面是一天。
bjp0bcyl5#
显然,这完全取决于你的HTML,但假设你使用的是一个类为
calendar
的表,右边是周末:-n+2
选择每一行的最后2个单元格。weekend
是一个类,所以在你的CSS中你会有这样的东西:(If你的HTML是不同的,然后用更好的描述和代码更新你的问题。