Полный календарь JSON / AJAX

Question

В настоящее время я работаю над Fullcalendar v3.

https://github.com/fullcalendar/fullcalendar/

https://fullcalendar.io/docs

Мой events код для установки событий, необходимых для отображения элементов в календаре:

eventSources: [{

            events: function(start, end, timezone, callback) {
                $.ajax({
                    url     : 'dispatcher.php',
                    type    : 'post',
                    dataType: 'json',
                    data    : {
                        //  requires UNIX timestamps
                        start     : start.unix(),
                        end       : end.unix(),
                        component : 'Rak',
                        controller: 'Read',
                        task      : 'getCalendarEvents'
                    },
                    success : function(doc) {
                        var events = [];
                        $(doc).find('event').each(function() {
                            events.push({
                                title    : $(this).attr('title'),
                                start    : $(this).attr('start'), // will be parsed
                                end      : $(this).attr('end'), // will be parsed
                                className: $(this).attr('className')
                            });
                        });
                        callback(events);
                        console.log(doc);
                    }

                });
            }
        }]

console.log (док)

0: {id: "1", заголовок: "Testtesttest", начало: "2019-01-15", конец: "2019-01-16", className: "event-azure"} длина: 1

Однако ... элемент НЕ отображается в календаре. Что я делаю не так? В настоящее время я ничего не понимаю.

Формат JSON отправляется и должен был использоваться в событиях.

Большое спасибо за любую помощь!

Пример в жестком коде, который работает для отображения необходимого формата:

events: [
    {
      title  : 'event1',
      start  : '2010-01-01'
    },
    {
      title  : 'event2',
      start  : '2010-01-05',
      end    : '2010-01-07'
    },
    {
      title  : 'event3',
      start  : '2010-01-09T12:30:00',
      allDay : false // will make the time show
    }
  ]

Answer 1

В соответствии с вашим вопросом текст console.log(doc) уже создает допустимый массив событий (с действительными значениями и именами полей согласно fullCalendar документации объекта события ), поэтому вам не нужно создавать отдельный events переменная, или действительно обрабатывать doc любым способом.

Вместо этого вы можете просто передать данные напрямую в fullCalendar, ничего не делая для этого:

success : function(doc) { 
  callback(doc); 
}

Answer 2

Вы можете сделать, как показано ниже:

$('#calendar').fullCalendar({
    events: {
               url: "<?php echo Yii::getAlias('@COMPANY_URL') . '/shedule/get_event' ?>",
          }
});

В dispatcher.php вы должны сгенерировать json, как показано ниже в формате

   [
    {
      title: 'Event Title1',
      start: '2015-03-17T13:13:55.008',
      end: '2015-03-19T13:13:55.008'
    },
    {
      title: 'Event Title2',
      start: '2015-03-17T13:13:55-0400',
      end: '2015-03-19T13:13:55-0400'
    }
  ]

В моем контроллере сделал так:

public function actionGet_event() {

        $events = Shedule::find()->all();
        $eventsJson = array();
        foreach ($events as $event) {
            $url = "https://www.google.co.in/";
            $eventsJson[] = array(
                'description' => $event->event_desc,
                'title' => $event->event_title,
                'start' => $event->event_date,
                'edit' => $url,
                'className' => ["event", "bg-color-greenLight"],
                'icon' => 'fa-check',
            );
        }
        echo json_encode($eventsJson);
    }