JSON Won't get events in Full Calendar from URL

人走茶凉 提交于 2019-12-25 04:36:43

问题


We're trying to load our events to Full Calendar from a URL, but the events won't load. I've included th JS below, as well the JSON response from our URL/API.
Thanks so much!

URL/API JSON Response:

[{"start":"2016-04-012T15:30:00","end":"2016-04-12T16:30:00","title":"Calendar 1","allDay":"false","id":"a41380d1fbbaa819"}]

JS:

$(document).ready(function() {

    $('#calendar').fullCalendar({
        //theme: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultDate: moment().format("YYYY-MM-DD"),
        editable: true,
        events: {
            url: 'MY URL, I DIDN\'T POST IT HERE TO KEEP IT PRIVATE',
            error: function() {
                $('#script-warning').show();
            },
            success: function(){
                alert("successful: You can now do your stuff here. You dont need ajax. Full Calendar will do the ajax call OK? ");   
            }
        },
        loading: function(bool) {
            $('#loading').toggle(bool);
        }
    });

});

回答1:


Well, it was tricky to figure out but your JSON is indeed ill-formed.

Check out the "start" property in you object and see how the date is written - it's not a Date string.

You have this:

2016-04-012T15:30:00
should be :
2016-04-12T15:30:00
(note the highlight).

Also see this answer: Javascript object Vs JSON

Your problem seems to be having a JSON string when you need a Javascript object.

Also, see my JSBIN here to see what's happening.




回答2:


The problem is the date format:

[{"start":"2016-04-012T15:30:00","end":"2016-04-12T16:30:00","title":"Calendar 1","allDay":"false","id":"a41380d1fbbaa819"}]

According to ISO_8601 the date "2016-04-012T15:30:00" must be changed in: "2016-04-12T15:30:00"

For more details see start parameter in Event_Object



来源:https://stackoverflow.com/questions/36577800/json-wont-get-events-in-full-calendar-from-url

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!