FullCalendar.io events.push

Question

我正嘗試將事件推送到fullcalendar，但它似乎阻止我的代碼一起工作。

$(document).ready(function() { 

    // page is now ready, initialize the calendar... 

    $('#calendar').fullCalendar({ 
     header: { 
        left: 'prev,next today', 
        center: 'title', 
        right: 'month,basicWeek,basicDay' 
       }, 
     editable: false, // Don't allow editing of events 
     handleWindowResize: true, 
     weekends: false, // Hide weekends 
     defaultView: 'agendaWeek', // Only show week view 
     header: false, // Hide buttons/titles 
     minTime: '08:00:00', // Start time for the calendar 
     maxTime: '22:00:00', // End time for the calendar 
     columnFormat: { 
     week: 'ddd' // Only show day of the week names 
     }, 
    displayEventTime: true,// Display event time 
    events: [ 
     { 
      title : 'event1', 
      start : '2015-11-18T08:30:00', 
     }, 
     { 
      title : 'event2', 
      start : '2015-11-19T08:30:00', 
      end : '2015-11-19T09:30:00', 
     }, 
     { 
      title : 'event3', 
      start : '2015-11-20T12:30:00', 
      allDay : false // will make the time show 
     } 
    ] 
    events:push[ 
     { 
     title: 'This is a Material Design event!', 
     start: '2015-11-20T11:30:00', 
     end: '2015-11-20T12:30:00', 
     color: '#C2185B' 
     } 
    ]; 
}); 
events.push({ 
     title: 'This is a Material Design event!', 
     start: 'someStartDate', 
     end: 'someEndDate', 
     color: '#C2185B' 
    }); 


}); 

我的問題是我在做這項權利，或有誤解我的文檔中的東西嗎？

Answer 1

你的代碼中有一些錯誤（例如事件：推送）。你必須使用你的事件as a function或eventsSource來得到這個。這個例子將一個事件推送到callendar並在回調中呈現它。希望能幫助到你。

$('#calendar').fullCalendar({ 
header: { 
    left: 'prev,next today', 
    center: 'title', 
    right: 'month,basicWeek,basicDay' 
}, 
editable: false, // Don't allow editing of events 
handleWindowResize: true, 
weekends: false, // Hide weekends 
defaultView: 'agendaWeek', // Only show week view 
minTime: '08:00:00', // Start time for the calendar 
maxTime: '22:00:00', // End time for the calendar 
columnFormat: { 
    week: 'ddd' // Only show day of the week names 
}, 
displayEventTime: true,// Display event time 
events: function(start, end, timezone, callback) { 
     var events =[   
      { 
       title : 'event1', 
       start : '2015-11-18T08:30:00', 
      }, 
      { 
       title : 'event2', 
       start : '2015-11-19T08:30:00', 
       end : '2015-11-19T09:30:00', 
      }, 
      { 
       title : 'event3', 
       start : '2015-11-20T12:30:00', 
       allDay : false // will make the time show 
      }]; 
      events.push({ 
        title: 'This is a Material Design event!', 
       start: '2015-11-20T08:30:00', 
       end: '2015-11-20T08:30:00', 
       color: '#C2185B' 
      }); 
      callback(events); 
    } 
});