Fullcalendar не показывает события из базы данных в laravel

Question

Я пытаюсь показать события из базы данных в календаре , но я получаю

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 ожидает, что события будут иметь атрибут с именем start, который является обязательным, и необязательный, с именем end

Из полной документации Календаря:

start - дата / время начала события. Обязательно . Моментальный ввод, как строка ISO8601. Во всем API это станет настоящим объектом Moment.

Если вы хотите использовать JSON-фид для получения событий, вам не нужно делать свой собственный ajax-вызов. Вы можете использовать свойство eventSource , и fullCalendar будет обрабатывать выборку за вас