全日历自定义颜色

【问题标题】：Full Calendar customized colors全日历自定义颜色
【发布时间】：2012-12-18 09:12:58
【问题描述】：

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

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

【问题讨论】：

标签： jquery-plugins plugins fullcalendar color-picker

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

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

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

无需插件！

【讨论】：