keine dynamischen Ereignisse im Vollkalender erstellen

Question

Ich habe eine Situation, in der ich versuche, Ereignisse dynamisch zu erstellen mit dem Plug-in Fullcalendar im Versuch, Ereignisse mit Hilfe der Ajax-Aufruf zu erstellen und die Daten abgerufen wird in Form von JSON wenn im Versuch, 0 Veranstaltungen nur Ereignis im Index erstellen wird immer von Ereignissen erstellt Rest nicht

erstellt

der Javascript-Code ist als

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

Set Ereignissen folgt, wenn FullCalendar Initialisierung - definieren Sie die uRL des Skripts, das zurückgibt Ein JSON von Ereignissen aus Ihrer Datenbank (https://fullcalendar.io/docs/event_data/events_function/). Wenn Sie dynamisch wollen, um den Kalender zu aktualisieren, können Sie eine setInterval ontop hinzufügen:

$(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 
    }, 
} 
}); 
});