完整日历自定义颜色

Question

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

您是否知道最适合完整日历的颜色选择器插件？

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;
}