Fullcalendar 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);
                    }
                });
            }
        }]

控制台.log（文档）：

0： {id： "1"， title： "

Testtesttest"， 开始： "2019-01-15"， 结束： "2019-01-16"， 类名： "事件-天蓝色"} 长度： 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

你可以

这样做：

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

在调度程序中.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);
    }

<</div> div class="one_answers">

根据您的问题文本，console.log(doc)已经生成了一个有效的事件数组（根据事件对象的 fullCalendar 文档，具有有效的值和字段名称），因此您根本不需要创建单独的events变量，或者根本不需要以任何方式处理doc。

相反，您可以简单地将数据直接传递给fullCalendar，而无需对其执行任何操作：

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