事件未显示在fullcalendar js中

Question

请任何人帮我找到代码中出现的问题.我将fullcalendar.js用于日历事件.

我想在日历中显示事件.下面是我的代码.

$(document).ready(function() {

    $(window).resize(function() {
        $('#calendar').fullCalendar('option', 'height', get_calendar_height());
    });

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
    var nevent = [];

    nevent = document.getElementById('<%=hdnevent.ClientID%>').value;


   // alert(nevent);
    var calendar = $('#calendar').fullCalendar({
        theme: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay',
            width: get_calendar_width
        },
        width: get_calendar_width,
        height: 480,
        selectable: true,
        selectHelper: true,
        slotMinutes: 15,
        allDayDefault: false,

        //  events: 'JsonResponse.ashx',
        events: nevent
 });

});

nevent 价值是:

[{ id: '2302', title: 'XXX', start: '4/4/2014 12:00:00 AM', end: '4/4/2014 12:00:00 AM', allDay: true, url: 'xxx'}]

但它不会显示在日历中.如果我给直接分配的值,则它显示事件(例如:事件:[{ id: '2302', title: 'XXX', start: '4/4/2014 12:00:00 AM', end: '4/4/2014 12:00:00 AM', allDay: true, url: 'xxx'}])

请帮助我纠正我的错误.

Answer 1

需要告知日历在数据更改后更新.尝试:

$("#calendar").fullCalendar('removeEvents');
$("#calendar").fullCalendar('addEventSource', nevent);
$("#calendar").fullCalendar('rerenderEvents');

当nevent准备好了.

编辑:

接受输入为JSON对象而不是字符串:

nevent = $.parseJSON(document.getElementById('<%=hdnevent.ClientID%>').value);

请注意,JSON的格式必须正确,引号如下:

[{ "id": "2302", "title": "XXX", "start": "4/4/2014 12:00:00 AM", "end": "4/4/2014 12:00:00 AM", "allDay": true, "url": "xxx"}]