在 Fullcalendar V5 上使用 Ajax 从数据库中获取后事件不显示

问题描述

我正在尝试使用 Ajax 从数据库中获取事件，然后将其显示在 FullCalendar Scheduler v5.6.0 上，我可以看到事件是从数据库返回但未呈现。这是我迄今为止尝试过的。

document.addEventListener("DOMContentLoaded",function () {
  var calendarEl = document.getElementById('calendar');

var calendar = new FullCalendar.Calendar(calendarEl,{
  initialView: 'dayGridMonth',headerToolbar: {
    center: 'title',right: 'dayGridMonth,timeGridWeek,timeGridDay'
  },events: function (fetchInfo,successCallback,failureCallback) {
      jQuery.ajax({
        url:  "/getrecords",type: "GET",success: function (data) {
          var events = [];
          for (var i = 0; i < data.event.length; i++) {

            console.log(data.event[i].title); // It shows all event titles perfectly
               
          events.push({
          title: data.event[i].title,start: data.event[i].from_data,end: data.event[i].to_date,});
          }
               console.log(events) // Here i have list of all events
        

          successCallback(events);
        },});
    },});
  calendar.render();
});

如果我将静态事件放在事件对象中，它可以正常工作，但在使用 Ajax 从数据库调用时无法呈现。任何帮助将不胜感激。

下面是控制台输出。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

fullcalendar fullcalendar-scheduler javascript