Указание нескольких разных источников для 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.

Можеткто-нибудь подскажет, как я могу указать несколько источников из разных мест (гугл / местный)

Answer 1

Хорошо, так что я сам придумал решение ... На самом деле это первое решение не решение, прокрутите вниз до edit .

<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 в начале моего сценария, а затем добавление событий по отдельности. Я не совсем уверен, что это лучший метод решения проблемы, поэтому, если у кого-то есть какие-либо предложения, я бы очень хотел их услышать.

EDIT

Итак, я понял, что оригинальный код создает экземпляр FullCalendar для каждого канала, поэтому в этом случае у меня будет 5 календарей на моей странице ... упс, я просматриваю этот пост , из которого дал мне ответ :

<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>