我正在尝试使用完整日历来加载来自json源的事件。 json来自像feed这样的URL,“mysite.com/getEvents”(返回一个json事件对象)。现在它返回一个对象
{"allDay":false,"end":1325577600,"start":1325577600}
我试过
$('#calendar').fullCalendar({
events: 'mysite.com/getEvents'
});
但没有任何反应。我知道我的json缺少标题和id。所以我们有两个问题。
答案 0 :(得分:17)
当我在接受的答案中使用语法时,我在日历上获得了四个事件,而不是两个。这两个额外的名字是奇怪的" 12:44"。在预感中,我删除了" 0"和" 1"线条,现在它完美地运作:
[
{
"title": "Ceramics",
"id": "821",
"start": "2014-11-13 09:00:00",
"end": "2014-11-13 10:30:00"
},
{
"title": "Zippy",
"id": "822",
"start": "2014-11-13 10:00:00",
"end": "2014-11-13 11:30:00"
}
]
答案 1 :(得分:16)
您应该尝试形成JSON,以便它具有所有必需的字段。例如,在我的项目中,以下就足够了:
我认为ID只需要对于JSON提要的实例是唯一的,因此您可以在生成JSON的服务器端脚本中增加一个计数器。
JSON脚本的示例输出:
[
"0",
{
"allDay": "",
"title": "Test event",
"id": "821",
"end": "2011-06-06 14:00:00",
"start": "2011-06-06 06:00:00"
},
"1",
{
"allDay": "",
"title": "Test event 2",
"id": "822",
"end": "2011-06-10 21:00:00",
"start": "2011-06-10 16:00:00"
}
]
答案 2 :(得分:4)
我知道这是一个老帖子,但其他人可能正在寻找这个......
你需要在你的json响应周围有括号,它似乎期待一个对象数组:
[
{
"title":"foo1",
"id":"123",
"start":"2016-02-12T10:30:00",
"end":"2016-02-12T12:30:00"
},
{
"title":"foo2",
"id":"456",
"start":"2016-02-14T10:30:00",
"end":"2016-02-14T12:30:00"
}
]
答案 3 :(得分:0)
我用cakephp 3尝试了fullcalendar,但我遇到类似的问题。如果要通过ajax事件源获取事件。那么您需要先序列化数组,然后再将其发送给您的Ajax调用。
$this->set(array(
'events' => $this->xyzCalls->getAllEvents(),
'_serialize' => 'events'
));
因此它将正确输出如下:
[
{
"id": 22,
"title": "event1",
"start": "2018-09-13T13:30:00+00:00",
"end": "2018-09-13T14:00:00+00:00"
}
]
然后在完整日历上,致电您的事件来源:
$('#calendar').fullCalendar({
eventSources: [
// your event source
{
url: '/myfeed.php',
type: 'POST',
data: {
custom_param1: 'something',
custom_param2: 'somethingelse'
},
error: function() {
alert('there was an error while fetching events!');
},
color: 'yellow', // a non-ajax option
textColor: 'black' // a non-ajax option
}
// any other sources...
]
});