使用 Google 日历在 Fullcalendar 中选择事件

Posted 2023-02-23

【中文标题】使用 Google 日历在 Fullcalendar 中选择事件

【英文标题】：Selecting events in Fullcalendar using Google Calendar

【发布时间】：2015-07-05 07:29:36

【问题描述】：

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

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

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

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

【参考方案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/

【讨论】：

当然，但我的活动来自 Google Calendar API。没有这样的 Json。