javascript - 使用Fullcalendar在工具提示中显示Google日历事件描述字段

我最近开始使用Fullcalendar（http://arshaw.com/fullcalendar/）来展示多个Google日历Feed，主要是为了能够控制主题。我希望尽可能保持Google日历的功能尽可能完整，尽管可以使用只读显示代替Google提供的嵌入式小部件。为此，我希望改变默认的eventClick行为，以便在工具提示中显示来自事件描述字段的信息（可能是qTip？），而不是直接链接到事件详细信息页面。

我似乎很清楚，实现这一目标的第一步是从Google的XML Feed中检索描述字段（我可以告诉他们可以通过提供的Google插件将其转换为JSON Feed）并将其附加到事件对象的默认字段。不幸的是，这就是我所清楚的一切。我确实发现这个question似乎要求同样的事情，gcal.js文件中的代码被引用作为解决方案，但我仍然不确定我应该如何整合来自的选项event.push到我的eventSources创建的事件对象。

events.push({
                        id: entry['gCal$uid']['value'],
                        title: entry['title']['$t'],
                        url: url,
                        start: start,
                        end: end,
                        allDay: allDay,
                        location: entry['gd$where'][0]['valueString'],
                        description: entry['content']['$t']
                    });

目前，我将eventSources设置为带有选项的数组，如下所示：

eventSources:[
                $.fullCalendar.gcalFeed("https://www.google.com/calendar/feeds/j6q1n0lq7vf222o6kltaupa01s%40group.calendar.google.com/public/full",{className: 'prime',color:'#003366'}),
                $.fullCalendar.gcalFeed("https://www.google.com/calendar/feeds/j6q1n0lq7vf222o6kltaupa01s%40group.calendar.google.com/public/full",{className: 'premium',color:'#006699'}),
                $.fullCalendar.gcalFeed("https://www.google.com/calendar/feeds/jv19jhbr7fepl3rfh474l5udgc%40group.calendar.google.com/public/full",{className: 'platinum',color:'#80CCD4'}),
                $.fullCalendar.gcalFeed("https://www.google.com/calendar/feeds/n058u7qetmcm2p49p7s650v5e0%40group.calendar.google.com/public/full",{className: 'che',color:'#607386'}),
                $.fullCalendar.gcalFeed("https://www.google.com/calendar/feeds/j92j2chtbqu5bob9scv0u2hlfo%40group.calendar.google.com/public/full",{className: 'mho',color:'#587498'}),
                $.fullCalendar.gcalFeed("https://www.google.com/calendar/feeds/t1vglkquofrk91qkbo8stl756g%40group.calendar.google.com/public/full",{className: 'mentors',color:'#14B2B2'}),
                $.fullCalendar.gcalFeed("https://www.google.com/calendar/feeds/mbb6akqbs4rdetqre07cuhi2vs%40group.calendar.google.com/public/full",{className: 'weddings',color:'#660033'})
],

我也尝试将eventSources设置为一个函数，如Fullcalendar documentation中所述但设置描述：$（this）.attr（'description'）字段似乎也没有。如果现在不是很明显，我绝不是我的代码忍者，但我提供了很好的指示，并且通常可以找出我需要插入变量的地方，如果提供了工作代码示例。我正以我的智慧结束这一点，并真诚地感谢任何意见。谢谢！

使用Fullcalendar在工具提示中显示Google日历事件描述字段

0 个答案: