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

Question

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

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

score 1 · Accepted Answer

在月视图中，您可以像这样设置各个日期的背景颜色（使用 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");

1 回答 1