使用 Google 日历在完整日历中选择活动

Question

我正在使用Fullcalendar来检索我的Google日历并将其发布在网站上 - 这样我就可以访问本来是iframe的CSS。

我想在日历中选择某些事件，并给它们一个"类型事件"背景：红色代表会议，蓝色代表午餐等（只是一个例子）。作为一种"简单"的方法，我会使用 jQuery 编写一个 JavaScript 函数，该函数选择具有特定 innerHTML 的所有元素。这是选择位：

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

但它不适用于日历中的这些元素。它在所述表外选择所有其他合适的元素，但不在内部。知道为什么会这样吗？谢谢！

Answer 1

您可以使用FullCalendar中的颜色属性轻松地将背景颜色设置为不同类型的事件。

例如：

您的活动就像

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/