無法在fullcalendar中創建動態事件

Question

我有一種情況，即時嘗試創建事件動態使用插件fullcalendar即時嘗試創建事件與ajax調用的幫助和檢索數據的形式是json 我嘗試創建活動只有事件在索引0是越來越創建活動的其他未創建

的JavaScript代碼如下

function showData() 
{ 
    var ids = showValidData(); 
    if (ids.length != 0) 
    { 
     $.ajax({ 
     url: $("#base-url").val() , 
     type: 'POST', 
     data: {'ids': ids}, 
     dataType: 'json', 
     success: function (response) 
     { 
      var data = response.data; 
      var myevents = []; 
      if (response.success) 
      { 
       $(data).each(function (index, value) { 
         myevents.push({ 
          title: value.layoutName, 
          start: value.startDate, 
          end: value.endDate 
          }); 
       }); 
       console.log(myevents); 
       $(".fc-event-container").click(); 
       $('#calendar-example-1').fullCalendar({ 
        events: myevents,}); 
       return; 

      } 
     } 
     }); 
    } 
} 

Answer 1

初始化FullCalendar當設置的事件 - 定義返回腳本的網址來自您的數據庫的一系列事件（https://fullcalendar.io/docs/event_data/events_function/）。如果要動態刷新的日曆，你可以ontop的添加的setInterval：

$(document).ready(function(){ 

setInterval(function(){$('#calendar').fullCalendar('refetchEvents')}, 30000); 


$("#calendar").fullCalendar({ 
... 
events: { 
    url: 'script.php', 
    type: 'POST', 
    data: { 
     data1: x, 
     data2: y 
    }, 
    success : function(response){ 
    // do something 
    }, 
} 
}); 
});