我在 React 中使用 FullCalender 来显示显示事件的日历。 目前我正在使用日网格,我想知道如何更改网格的背景颜色。
today's date background color is always yellow
This is how it looks on other days
我想要做的是更改背景颜色,使当前日期网格与其他日子一样具有白色背景
<div>
<FullCalendar
plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
initialView="timeGridDay"
nowIndicator={true}
selectable
selectOverlap={() => {
return false;
}}
eventResizableFromStart
droppable
allDayMaintainDuration
/>
</div>
答案 0 :(得分:0)
API 中没有此选项,但如果您使用浏览器的元素检查器浏览呈现的日历,您可以看到颜色是使用简单的 CSS 类设置的 - 当天设置了 fc-day-today
类
因此,如果我们只是设置一个规则来覆盖 fullCalendar 规则,我们可以将背景颜色更改为我们想要的任何颜色:
.fc-day-today {
background-color: #ffffff !important;
}