如何更改全日历中的周数背景颜色

Question

我无法更改 FullCalendar 中的周数样式。

我已经打开了

WeekNumbers: true

，并在CSS文件中添加了以下样式：

.fc-week-number {
   background-color: red !important;
   color: #ee0726;
}

它不起作用。

Answer 1

在 fullCalendar 6 中，正确的类名是

fc-daygrid-week-number

，所以你需要写类似

.fc-daygrid-week-number {
   background-color: red !important;
   color: #ffffff !important;
}

现场演示：https://codepen.io/ADyson82/pen/ZEPJwMW

请注意，这仅影响

dayGridMonth

视图 - 其他视图以不同方式呈现周数。