使用FullCalendar的复选框或单选按钮选择单个日历

Question

我正在使用FullCalendar创建一个日历，显示来自谷歌的多个日历源。除此之外，我希望添加一项功能，允许用户使用复选框或单选按钮选择他/她查看的日历。

从谷歌引入日历的代码如下，我是JavaScript的新手，也是使用Lynda.com学习的过程。

eventSources: [
                {
                url: "https://www.google.com/calendar/feeds/australian__en%40holiday.calendar.google.com/public/basic",
                color: 'red',
                },
                {
                url: "https://www.google.com/calendar/feeds/indian__en%40holiday.calendar.google.com/public/basic",
                color: 'green',
                },
                {
                url: "https://www.google.com/calendar/feeds/vietnamese__en%40holiday.calendar.google.com/public/basic",
                color: 'yellow',
                },
            ],

任何人都可以帮我使用复选框或单选按钮单独选择这些日历所需的html和javascript吗？

Answer 1

只需使用"events as a function"即可。在该函数中，检查是否使用简单的jQuery检查了框，如果是，只需将这些事件与其他事件一起添加到数组中，然后将数组发送回回调。