html - 更改背景颜色 FullCalender 反应
问题描述
我正在使用 FullCalender 来显示显示事件的日历。目前我正在使用日网格,我想知道如何更改网格的背景颜色。
我想要做的是更改背景颜色,以便当前日期网格与其他日子一样具有白色背景
<div>
<FullCalendar
plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
initialView="timeGridDay"
nowIndicator={true}
selectable
selectOverlap={() => {
return false;
}}
eventResizableFromStart
droppable
allDayMaintainDuration
/>
</div>
解决方案
API 中没有此选项,但如果您使用浏览器的元素检查器浏览渲染的日历,您可以看到颜色是使用简单的 CSS 类设置的 - 当天fc-day-today
设置了该类。
因此,如果我们只是设置一个规则来覆盖 fullCalendar 规则,我们可以将背景颜色更改为我们想要的任何颜色:
.fc-day-today {
background-color: #ffffff !important;
}
推荐阅读
- javascript - 反应原生的 2 列
- javascript - 查找多边形和多多边形的差异时出现 TopologyException 错误
- php - 使用 php preg_replace 在 html 标签中包含指定的单词
- c - 为什么这个 c 代码在我运行这个代码时不接受输入。该程序无需任何输入即可存在
- php - 如何在核心 php 中生成友好的 url?
- performance - Apache Solr 6.6.2 使用 edismax 解析器进行性能调优
- magento - Magento 1.9 Onepage Checkout - Ajax 刷新付款方式
- javascript - id 为“notes”的 div 不会在 javascript 代码中显示默认注释。如何默认显示?
- bash - 当“ssh”在循环体中时,Bash while 循环结束执行
- vertica - 按列的不存在/非典型值过滤会导致性能下降