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

Question

我正在使用Fullcalendar來檢索我的Google日歷並將其發布在網站中-這樣，我就可以訪問原本為iframe的CSS。

我想在日歷中選擇某些事件並為它們提供“類型事件”背景：紅色用於會議，藍色用於午餐等（僅作為示例）。 作為一種“簡便”的方法，我將使用jQuery編寫JavaScript函數，該函數選擇具有特定innerHTML的所有元素。 這是選擇位：

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

但這不適用於日歷中的那些元素。 它在所述表外部而不是內部選擇所有其他合適的元素。 ¿知道為什么會這樣嗎？ 謝謝！

Answer 1

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

例如：

你的事件就像

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

從您的Json事件中，您可以使用backgroundColor屬性將顏色設置為事件

參見-> http://fullcalendar.io/docs/event_data/Event_Object/