jquery-plugins - 全日历自定义颜色

Question

我需要在完整日历中创建每个事件时添加自定义颜色（就像在谷歌日历中一样 - 用户可以自定义事件的文本和背景颜色）。

你知道任何最适合完整日历的颜色选择器插件吗？

Answer 1

它在 fullcalendar 文档中……目前似乎已关闭。您可以将每个事件的颜色作为数组元素传递：

'backgroundColor' => "#36c",
'borderColor' => "#36c",
'textColor' => "#36c",

无需插件！

Answer 2

您可以为新事件设置 CSS 类名称。像

var myEvents = [
  {
    title: 'XMas',
    start: theDate,
    className : 'holiday'
  }
];

然后要更新给定事件类型的样式，请执行以下操作：

#calendar .holiday,
#calendar .holiday div,
#calendar .holiday span {
  background-color: #6d4d47;
  color: #ffffff;
  border-color: #6d4d47;
  font-size: 12px;
}