asp.net mvc-完整的日历单元格背景颜色

Question

我需要更改fullcalendar中日期的背景色。我的情况类似于这个问题：更改fullcalendar中一系列日期的背景色，但解决方案是更改EVENT背景色。我想要的是更改从控制器收到的日期的单元格背景颜色，如["2013-02-22", "2013-2-20"]

我尝试解析这个日期，然后使用jquery-css函数更改其背景颜色，但没有成功。

Answer 1

在月份视图中，您可以这样设置各个日期的背景颜色(使用jQuery(：

$(".fc-day4").addClass("myBackgroundClass");

在你的CSS文件中，你会有这样的东西：

.myBackgroundClass {
    background-color: grey;
}

这将为视图的第四天(不一定是一个月的第四日，因为视图中的第一天通常来自前一个月(提供灰色背景。

在agendaWeek视图中，它的工作方式不同：

$(".fc-col0").addClass("myBackgroundClass");

这将为一周中最左边的一天视图提供灰色背景(对一周中的其他六天使用fc-col1 .. fc-col6(。在agendaDay视图中，只需使用fc-col0即可。

最困难的部分是计算哪个日期对应于日历中的哪一列(如果是月视图，则为行(。您可以在viewDisplay回调中进行这些计算，根据文档，该回调在"加载日历时以及每次显示不同的日期范围时"触发

当你开始计算时，你会想从所有列和行中删除你的自定义背景，你可以这样做：

$(".myBackgroundClass").removeClass("myBackgroundClass");