FullCalendar - 谷歌日曆事件顏色

我使用FullCalendar嵌入谷歌日曆到this網頁FullCalendar - 谷歌日曆事件顏色

由於谷歌日曆事件的顏色沒有被納入完整的日曆，我想每個樣式的本地具有不同背景顏色的事件。

最簡單的解決方案是爲每個事件添加一個類名。我希望將事件標題生成到類名中。

我試過使用ClassName，但無法使它工作。

希望能聽到某人的建議。

2011-11-22 Brendan

className必須回到JSON中，所以你需要一個代理PHP/ASHX，你將調用它，傳遞參數給它，它會調用Google Cal，轉換它並返回像這樣的東西。

[{"title":"News that will blow you away!","url":"news.aspx?i=1657","start":"2011-11-22T00:01:00","end":"2011-11-22T23:59:00","color":"rgb(232,157,0)","className":"data-newsevent clickable","newsEvent":"True","EventName":null,"description":null,"EventCompTypeMSP":null}]

enter image description here

代理-REQ：您的請求發送到代理
代理-RES：從您的代理響應你

注意顏色，你可以用它來直接定義事件的顏色。

注意我的classNames data-newsevent並點擊了，我用jQuery做了一些特殊的點擊事件 - 它們實際上並不包含任何顏色樣式，但是你可以這樣做，你可能必須使用！ fullCaldner應用默認顏色。

我第一次加載空的feed頁面，然後請求使用客戶端的飼料，它似乎更加動態，使用緩存它可以足夠快，如果他們導航分配。

來源

2011-11-28 15:43:23 ppumkin

我想將事件標題生成到類名中。

所以，你可以使用eventRender回調是這樣的：

eventRender: function(event, element) { 
    /** 
    * @params 
    * event : fullcalendar event 
    * element : jQuery container 
    */ 

    // be aware of whitespaces ! 
    element.addClass("fc-" + event.title.replace(/\s+/g, "_")); 

}

來源

2012-04-25 16:40:46 domi27

FullCalendar - 谷歌日曆事件顏色

回答

相關問題