2014-02-05 4 views
0

Я использую потрясающий плагин FullCalendar JQuery и должен отображать события Календаря Google, а также собственные пользовательские события. Код ниже.Отображение событий календаря Google и пользовательских событий в fullCalendar

$('#calendar').fullCalendar({ 
      theme: true, 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month,agendaWeek,agendaDay' 
      }, 
      editable: true, 
      events: 'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic', 
      events: [ 
       { 
        title: 'All Day Event', 
        start: new Date(y, m, 1) 
       }, 
       { 
        title: 'Long Event', 
        start: new Date(y, m, d-5), 
        end: new Date(y, m, d-2) 
       }, 
       { 
        id: 999, 
        title: 'Repeating Event', 
        start: new Date(y, m, d-3, 16, 0), 
        allDay: false 
       }, 
       { 
        id: 999, 
        title: 'Repeating Event', 
        start: new Date(y, m, d+4, 16, 0), 
        allDay: false 
       } 
      ] 
     }); 
    }); 

Теперь я знаю, что я не могу иметь два events атрибуты, но мне нужно отображаются данные из обоих источников. Как я могу это сделать?

Спасибо заранее, Грант

+0

Вы можете получить данные из URL с вызовом AJAX, а затем добавить свои собственные данные о событиях в ней? – Archer

ответ

2

Спасибо за чтение, но я нашел решение. Все, что мне нужно было сделать, это добавить источник событий после инициализации моего Календаря. Код ниже.

$ (документ) .ready (функция() {

var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 

    $('#calendar').fullCalendar({ 
     theme: true, 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     editable: true, 
     events: [ 
      { 
       title: 'All Day Event', 
       start: new Date(y, m, 1) 
      }, 
      { 
       title: 'Long Event', 
       start: new Date(y, m, d-5), 
       end: new Date(y, m, d-2) 
      }, 
      { 
       id: 999, 
       title: 'Repeating Event', 
       start: new Date(y, m, d-3, 16, 0), 
       allDay: false 
      }, 
      { 
       id: 999, 
       title: 'Repeating Event', 
       start: new Date(y, m, d+4, 16, 0), 
       allDay: false 
      } 
     ] 
    }); 

    $('#calendar').fullCalendar('addEventSource', 'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic'); 
}); 
Смежные вопросы