Tôi làm cách nào để sử dụng nhiều nguồn với fullCalendar plugin jQuery?

Question

Tôi đã có một fullCalendar chức năng http://arshaw.com/fullcalendar/ làm việc lấy một nguồn duy nhất từ ​​Google Calendar cho các sự kiện như vậy. Tuy nhiên

$('#calendar').fullCalendar({ 

    events: $.fullCalendar.gcalFeed(
     "http://www.google.com/calendar/feeds/etc", // feed URL 
     { className: 'gcal-events' }     // optional options 
    ) 

    }); 

thách thức của tôi là để có nhiều thức ăn tới trong Tài liệu fullCalendar nói:

eventSources: Array Tương tự như tùy chọn 'sự kiện', ngoại trừ một tùy chọn có thể chỉ định nhiều nguồn. Ví dụ: người ta có thể chỉ định một mảng URL JSON, một mảng các hàm tùy chỉnh, một mảng các mảng sự kiện được mã hóa cứng hoặc bất kỳ kết hợp nào.

Nhưng không có ví dụ và vì vậy newbie JSON này ở đây là một chút khó khăn.

Bất kỳ ý tưởng nào về những gì cần thiết để sử dụng eventSources và một loạt nguồn cấp dữ liệu?

Answer 1

Tìm thấy giải pháp tại đây; http://code.google.com/p/fullcalendar/issues/detail?id=192&q=eventSources

eventSources: 
[ 
    'msCal.txt', // location of Cal JSON script 
    'msLogBook.txt', // location of LogBook JSON object 
    'msEvents.txt' //location of the Events JSON object 
] 

Đau đớn đơn giản khi nhìn lại. Sau đây là làm việc trên trang thử nghiệm của tôi;

eventSources: 
[ 
    $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/en.australian%23holiday%40group.v.calendar.google.com/public/basic'), 
    $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic'), 
    $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/en.indonesian%23holiday%40group.v.calendar.google.com/public/basic') 
], 

Answer 2

Tôi đã gặp vấn đề tương tự và ý tưởng ở trên đã hiệu quả với tôi với một sửa đổi nhỏ. Tôi cần nó để hiển thị 5 lịch trên một trang nhưng chỉ có 1 lịch trên một trang khác vì vậy tôi đã làm điều này.

<?php if (is_page("calendar")):?> 
events:'...google calendar url #1...', 
<?php endif; ?> 

<?php if (is_page("meeting-schedule")):?> 
    eventSources: [ 
    $.fullCalendar.gcalFeed('...google calendar url #1...'), 
    $.fullCalendar.gcalFeed('...google calendar url #2...'), 
    $.fullCalendar.gcalFeed('...google calendar url #3...'), 
    $.fullCalendar.gcalFeed('...google calendar url #4...'), 
    $.fullCalendar.gcalFeed('...google calendar url #5...') 
    ], 
<?php endif; ?> 

Hoạt động hoàn hảo !!!