css - 如何在日间单元格中绘制可变背景？

Question

我正在寻找一种方法（缺少背景图像）将日历日背景设置为几个彩色带。例如，17 号可能需要上半部分为浅蓝色，下半部分为浅黄色。或者一天的背景可能被分成 3 或 4 个水平带，每一天都不同。使用 CSS 有什么想法吗？

如果不是，在javascript中设置特定日期背景图像的属性方法是什么？

谢谢

Answer 1

我不会用 javascript 做任何事情。您可以简单地编辑“今天”单元格的 CSS。

.fc-state-highlight {
    background: #ffc;
}

这将解决它。另外，我也会考虑使用 CSS 渐变。 http://gradients.glrzad.com/

如果您想更改 javascript，因为 FullCalendar 使用 jQuery。您可以编写一个函数来与日期交互并使其随机化。我不太确定我现在是否能想到它。理想情况下，让它每天增加一堂课。

$('.fc-state-highlight').css({"background":"GRADIENT"});

不过，就目前而言。我建议使用http://arshaw.com/fullcalendar/docs/display/上的功能