全日曆自定義顏色

Question

我需要在完整日曆中創建每個事件時添加自定義顏色（就像在谷歌日曆中 - 用戶可以自定義事件的文本和顏色）。

你知道最適合全日曆的任何顏色選擇器插件嗎？

Answer 1

您可以設置新事件的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; 
} 

Answer 2

這是在fullcalendar文檔中......目前似乎是失敗的。您可以將每個事件的顏色作爲陣列的元素傳遞：

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

不需要插件！