时间戳

首页 > 解决方案 > 全日历 JSON/AJAX

javascript - 全日历 JSON/AJAX

问题描述

目前我正在开发 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
    }
  ]

标签： javascriptjqueryjsonajaxfullcalendar

解决方案

你可以像下面这样：

$('#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);
    }

推荐阅读