Question

我正在使用fullCalendar 1.6.4，并且在周末和今天的单元格中设置自定义颜色时出现问题。

经过一番搜索，我发现使用以下样式设置周末单元格的背景颜色会起作用：

.fc-sat, .fc-sun {
    background-color: #CCCCCC;
}

但它并不完全。在月视图中，它仅突出显示每个周末单元格顶部和底部的几个像素。在星期和日视图中，通过突出显示整个列，但日历中间约3.5小时除外，它可以更好地工作。即使我滚动未突出显示的部分仍然是中间的常数。

关于更改今天的背景颜色，我使用以下代码：

dayRender: function (date, cell) { 
    var today = new Date();
        if (date.getDate() === today.getDate()) {
        cell.css("background-color", "#FF4D4D");
    }
}

此更改仅在日历加载时仅运行一小段时间，我可以在原始/标准颜色覆盖更改之前非常快速地看到颜色的变化。

请告知我们发生了什么以及如何解决这两个问题。

提前致谢，格兰特

Answer 1

我没有查看dayRender事件，但使用普通旧CSS更改颜色应该没有问题：

.fc-today{
    background-color: green;    
}
.fc-sat, .fc-sun{
    background-color: yellow;
}

See jsfiddle for example，必须有其他与你的风格相冲突的东西。

尝试右键单击当天并单击“检查元素”（在Chrome上，其他可能会有所不同）。看看你正在尝试设计的课程的td，看看有什么覆盖你的风格。

FullCalendar dayRender回调无法正常工作

1 个答案: