使用Google日曆在Fullcalendar中選擇事件

Question

我正在使用Fullcalendar檢索我的Google日曆並將其發佈到網站中 - 通過這種方式，我可以訪問以其他方式成爲iframe的CSS。

我想選擇日曆中的某些事件，並給它們一個「類型事件」背景：紅色表示會議，藍色表示午餐等（僅舉例）。作爲一種「簡單」的方法，我會使用jQuery編寫一個JavaScript函數來選擇具有特定innerHTML的所有元素。這是選擇位：

$("span:contains('meeting')") 

但它不適用於日曆中的那些元素。它選擇所述表格外的所有其他合適的元素，但不在裏面。 ¿任何想法爲什麼發生這種情況？謝謝！

Answer 1

您可以使用FullCalendar中的顏色屬性輕鬆地將背景顏色設置爲不同類型的事件。

例如：

您的活動也像

從您的JSON事件中，你可以設置顏色使用backgroundColor屬性

您的活動

events: [         
       { 
        id: 999, 
        title: 'Repeating Event', 
        start: new Date(y, m, d-3, 16, 0), 
        allDay: false, 
        backgroundColor: '#fff000' // your color 
       } ] 

看到 - >http://fullcalendar.io/docs/event_data/Event_Object/