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

Javascript 在Fullcalendar V5上使用Ajax从数据库获取后不显示的事件,javascript,php,fullcalendar,fullcalendar-scheduler,Javascript,Php,Fullcalendar,Fullcalendar Scheduler,我正在尝试使用Ajax从数据库中获取事件,然后将其显示在屏幕上,我可以看到事件是从数据库返回的,而不是渲染。 这里是我迄今为止所尝试的 document.addEventListener("DOMContentLoaded", function () { var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, {

我正在尝试使用Ajax从数据库中获取事件,然后将其显示在屏幕上,我可以看到事件是从数据库返回的,而不是渲染。 这里是我迄今为止所尝试的

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();
});
document.addEventListener(“DOMContentLoaded”,函数(){
var calendarEl=document.getElementById('calendar');
var calendar=新的完整日历。日历(calendarEl{
初始视图:“dayGridMonth”,
headerToolbar:{
中心:'标题',
右图:“dayGridMonth、timeGridWeek、timeGridDay”
},
事件:函数(fetchInfo、successCallback、failureCallback){
jQuery.ajax({
url:“/getrecords”,
键入:“获取”,
成功:功能(数据){
var事件=[];
对于(变量i=0;i
若我将静态事件放在events对象中,它可以正常工作,但在使用Ajax从数据库调用时不会进行渲染。任何帮助都将不胜感激

下面是控制台输出


我通过在项目中使用此代码实现了这一点

var calendar = new FullCalendar.Calendar(calendarEl, {
  initialView: 'dayGridMonth',
  headerToolbar: {
    center: 'title',
    right: 'dayGridMonth,timeGridWeek,timeGridDay'
  },
    events: {
                url: encodeURI('/getrecords'),
                type: 'GET',
                color: 'red', // a non-ajax option
                textColor: 'white' // a non-ajax option
            }
}

您尚未在活动中添加任何日期。那么,您认为日历将如何知道在哪里显示它们呢?@ADyson我已经更新了答案,我已经推送了开始和结束日期,并且可以在控制台中看到这些日期,仍然没有运气。日期需要采用fullCalendar接受的格式。请更仔细地研究文档。链接您,说明您可以使用的格式。