使用外部拖动从FullCalendar获取数据

时间:2016-03-29 23:32:20

标签: jquery fullcalendar

编辑:制作了一个显示问题的代码:http://codebins.com/bin/4ldqoy2/3 TL; DR:将一个或多个事件拖到日历并单击保存按钮后,我想输出实际可以使用的格式正确的JSON。

在fullcalendar-2.6.1外部拖动的演示中(在external-dragging.html中http://fullcalendar.io/download/),我一直试图访问被拖入日历的事件的数据。

我尝试使用建议:

$("#save").click(function() {
var eventsFromCalendar = $('#calendar').fullCalendar('clientEvents');
var eventsJson = JSON.stringify(eventsFromCalendar);

但是,eventsJson输出以下错误: TypeError:循环对象值

我找到了一种通过使用以下代码来绕过错误的方法:

seen = [];

var eventsJson = JSON.stringify(eventsFromCalendar, function (key, val) {
   if (val != null && typeof val == "object") {
       if (seen.indexOf(val) >= 0) {
           return;
       }
       seen.push(val);
   }
   return val;
});

有一个事件,这将输出以下内容:

[{
    "title":"My Event 3",
    "start":"2016-03-15",
    "end":null,
    "_id":"_fc5",
    "className":[],
    "allDay":true,
    "_allDay":true,
    "_start":"2016-03-15",
    "_end":null,
    "source":{"events":[null]}
}]

选择两个事件将输出以下内容:

    [{
        "title": "My Event 3",
        "start": "2016-03-23",
        "end": "2016-03-25",
        "_id": "_fc7",
        "className": [],
        "allDay": true,
        "_allDay": true,
        "_start": "2016-03-23",
        "_end": "2016-03-25",
        "source":
            {
                "events": [null, {
                    "title": "My Event 4",
                    "start": "2016-03-23",
                    "end": "2016-03-25",
                    "_id": "_fc13",
                    "className": [],
                    "allDay": true,
                    "_allDay": true,
                    "_start": "2016-03-23",
                    "_end": "2016-03-25"
                }]
            }
    }, null]

使用3个事件执行此操作将输出以下内容:

[{
"title": "My Event 2",
"start": "2016-03-27T00:00:00.000Z",
"end": null,
"_id": "_fc2",
"className": [],
"allDay": true,
"_allDay": true,
"_start": "2016-03-27T00:00:00.000Z",
"_end": null,
"source": {
    "events": [null,
        {
            "title": "My Event 4",
            "start": "2016-03-28T00:00:00.000Z",
            "end": null,
            "_id": "_fc7",
            "className": [],
            "allDay": true,
            "_allDay": true,
            "_start": "2016-03-28T00:00:00.000Z",
            "_end": null
        },
        {
            "title": "My Event 5",
            "start": "2016-04-04T00:00:00.000Z",
            "end": null,
            "_id": "_fc10",
            "className": [],
            "allDay": true,
            "_allDay": true,
            "_start": "2016-04-04T00:00:00.000Z",
            "_end": null
        }]
}
}, null, null]

正如您所看到的,构造对象时会出现问题。我不确定来源:{" events":[null]}应该是,但它可能是错误的原因。我也不确定start和_start与end和_end之间的区别是什么。

希望你能提供帮助。 谢谢。

1 个答案:

答案 0 :(得分:0)

使用上面的代码,因为我不喜欢js,无论你的后端语言是什么,都可以使用它。

对我来说,我在php中使用了以下内容

$object = json_decode($request->request->get('hoursArray')[0]);
$myHours =[];
for($i=0;$i<count($object);$i++){
    if ($i==0){
        $myHours[$i]['title'] = $object[0]->title;
        $myHours[$i]['date'] = $object[0]->start;
     }else{
        $myHours[$i]['title'] = $object[0]->source->events[$i]->title;
        $myHours[$i]['date'] = $object[0]->source->events[$i]->start;
     }
}