如何在FullCalendar中设置当前日期颜色?

Kir*_*ian 10 javascript css jquery fullcalendar

我想更改当天的颜色,但仅限日历在日程议程视图中.我的用户说他们很难看到线条或其他东西.我查看了文档以及css/js,但没有找到快速的方法.如果没有重大代码更改,这是否可行?

pol*_*lau 14

老实说,我真的不知道你在说什么,但是jQuery UI fullcalendar小部件使用CSS类.fc-today来设置当天的样式.如果您的更改不可见,请尝试使用!important- 可能是其他许多类中的一个会在其他位置覆盖您的样式.


小智 8

你可以使用以下代码

.fc-today {
    background: #FFF !important;
    border: none !important;
    border-top: 1px solid #ddd !important;
    font-weight: bold;
} 
Run Code Online (Sandbox Code Playgroud)


kar*_*rns 7

完整日历 >= 5

在 fullcalendar >= 5 中,他们将类名更改为.fc-day-today. 但是,您需要增加该选择器的特异性以覆盖样式,或者!important在您要覆盖的属性上使用(如果没有它就无法应用)。

注意 - 我没有查看 API 是否支持更原生的东西。如果确实如此,可能是一个更好的长期解决方案。


Bra*_*ant 5

如果您没有使用主题,这对我使用FullCalendar 2.3.1

.fc-unthemed .fc-today {
  background: ....;
}
Run Code Online (Sandbox Code Playgroud)