为jQuery FullCalendar指定多个不同的源

Question

所以我希望能够为我的FullCalendar实现指定多个不同的来源，我在我的日历中有许多我想要的Google日历源，但也有许多本地源，所有这些都使用JSON数据类型。

我想我可以混合这样的来源：

eventSources:
[
    $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic'),
    '/?module=a&controller=b&action=getJSON&id=1'        
]

但是当我尝试这个时，日历上没有任何内容，甚至是Google Feed。

任何人都可以告诉我如何从不同的位置（Google /本地）指定多个来源

Answer 1

好的，所以我实际上自己想出了一个解决方案...... 实际上这第一个解决方案不是解决方案，向下滚动到编辑。

<script type="text/javascript">
    $(document).ready(function() {
        $('#calendar').fullCalendar({ events: "/?module=1&controller=2&action=getJSON&id=1" })
                      .fullCalendar({ events: "/?module=1&controller=2&action=getJSON&id=2" })
                      .fullCalendar({ events: "/?module=1&controller=2&action=getJSON&id=3" })
                      .fullCalendar({ events: "/?module=1&controller=2&action=getJSON&id=4" })
                      .fullCalendar({ events: $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic') });

});
</script>

所以我正在做的是在脚本开始时实例化FullCalendar，然后再单独添加事件。我并不完全相信这是解决问题的最佳方法，所以如果有人有任何其他建议，我真的很想听听。

修改

所以我意识到原始代码会为每个Feed实例化FullCalendar，所以在这个例子中我会在我的页面上有5个日历...哎呀，我在this post的{{}} {i}}给了我答案：

<script type="text/javascript">
$(document).ready(function() {
    $('#calendar').fullCalendar('addEventSource', "/?module=1&controller=3&action=getJSON&id=1")
                  .fullCalendar('addEventSource', "/?module=1&controller=2&action=getJSON&id=2")
                  .fullCalendar('addEventSource', "/?module=1&controller=2&action=getJSON&id=3")
                  .fullCalendar('addEventSource', "/?module=1&controller=2&action=getJSON&id=4")
                  .fullCalendar('addEventSource', "/?module=1&controller=2&action=getJSON&id=5");

});
</script>