FullCalendar未显示Laravel中数据库中的事件

Question

我正在尝试向 calendar 显示从数据库显示事件，但是我正在获取

alert('failed')每次致电。

请任何人，帮助我解决这个问题。我被困在这里。

这是我的脚本代码：

$.ajax({
  url:'events',
  type: "GET",
  cache: false,
  datatype: 'json',
  success: function(data){
    alert('Hello');
    $.each(data, function(index, val){
        events.push({
          title: val.name,
          start_date: val.start_date,
          end_date: val.end_date,
          start_time: val.start_time,
          end_time: val.end_time,
          location:val.location,
          description: val.description,
          timezone:val.timezone,
          alldDay: val.isFullDay
        });
    })
    GenerateCalendar(events);
  },
  error : function(error){
    alert('Failed');
  }
});
function GenerateCalendar(events){
  $('#calendar').fullCalendar('destroy');
  $('#calendar').fullCalendar({
    contentHeight: 400,
    defaultDate: new Date(),
    timeFormat:'h(:mm)a',
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    eventLimit: true,
    eventColor: '#378006',
    events: events
  });
}

控制器功能：

public function getEvents()
{
  $events = Event::all();
  return response()->json(['data'=> $events])->getData();
}

预先感谢。

Answer 1

我看到您的事件具有属性 start_date, end_date, start_time, end_time我在FullCalendar文档中没有看到任何内容。据我所知，FullCalendar期望这些事件具有称为start的属性，这是必需的，一个称为end

的可选属性

来自FullCalendar文档：

开始 - 事件开始的日期/时间。必需。瞬间输入，例如ISO8601字符串。在整个API中，这将成为真实的时刻对象。

如果您想使用JSON提要来获取事件，则无需进行自己的Ajax调用。您可以使用Eventsource属性，FullCalendar将处理您的提取