javascript - 全日历 : calender not display

Question

日历未显示。我没有收到任何错误。请帮我解决这个问题。

HTML代码如下:

<div class="card-box">
   <div id='calendar' align="center" style="background-color: rgb(244, 247, 249); padding: 25px; margin: 0px;"></div>
</div>


$('#calendar').fullCalendar({
        defaultView: 'agendaDay',
        disableDragging: false,
        editable: false,
        selectable: true,
        eventLimit: true,
        nowIndicator: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'agendaDay,agendaTwoDay,agendaWeek,month'
        },
        views: {
            agendaTwoDay: {
                type: 'agenda',
                duration: { days: 2 },
                groupByResource: true,
                groupByDateAndResource: true
            }
        },
        allDaySlot: false,
        resources: ConfRoomArrayDisplay,
        events: MeetingArrayDisplay,
        eventRender: function (event, element, view) {
            //code for render section
        },
        eventAfterRender: function (event, element, view) {
            $(element).removeClass("fc-short");
        }
    });

事件json格式如下:

MeetingArrayDisplay ="[{"id":"09CCDDE2-75FA-401A-B52D-23094809D3BF","resourceId":"1","start":"1970-01-01T00:00:00.006Z","end":"1970-01-01T00:00:00.006Z","title":"Weekly project review meeting","UserID":"6","Attendees":"","Repeated":"-","UserName":"tsa","url":"Javascript:"},{"id":"4E7E7C5A-04EA-4090-BCFB-5D3002233663","resourceId":"1","start":"1970-01-01T00:00:00.006Z","end":"1970-01-01T00:00:00.006Z","title":"project","UserID":"6","Attendees":"","Repeated":"-","UserName":"tsd","url":"Javascript:"}]"

日历渲染事件调用如下:

$('#calendar').fullCalendar('renderEvent', MeetingArrayDisplay);

Answer 1

您的事件数组中存在语法错误。删除变量开头和结尾的引号 ("):

MeetingArrayDisplay ="[{"id":"09CCDDE2-75FA-401A-B52D-23094809D3BF","resourceId"‌​:"1","start":"1970-0‌​1-01T00:00:00.006Z",‌​"end":"1970-01-01T00‌​:00:00.006Z","title"‌​:"Weekly project review meeting","UserID":"6","Attendees":"","Repeated":"-","UserNam‌​e":"tsa","url":"Java‌​script:"},{"id":"4E7‌​E7C5A-04EA-4090-BCFB‌​-5D3002233663","reso‌​urceId":"1","start":‌​"1970-01-01T00:00:00‌​.006Z","end":"1970-0‌​1-01T00:00:00.006Z",‌​"title":"project","U‌​serID":"6","Attendee‌​s":"","Repeated":"-"‌​,"UserName":"tsd","u‌​rl":"Javascript:"}]";

变成了

MeetingArrayDisplay =[{"id":"09CCDDE2-75FA-401A-B52D-23094809D3BF","resourceId"‌​:"1","start":"1970-0‌​1-01T00:00:00.006Z",‌​"end":"1970-01-01T00‌​:00:00.006Z","title"‌​:"Weekly project review meeting","UserID":"6","Attendees":"","Repeated":"-","UserNam‌​e":"tsa","url":"Java‌​script:"},{"id":"4E7‌​E7C5A-04EA-4090-BCFB‌​-5D3002233663","reso‌​urceId":"1","start":‌​"1970-01-01T00:00:00‌​.006Z","end":"1970-0‌​1-01T00:00:00.006Z",‌​"title":"project","U‌​serID":"6","Attendee‌​s":"","Repeated":"-"‌​,"UserName":"tsd","u‌​rl":"Javascript:"}];

现在它是一个有效的数组。在它无法解析之前。

参见http://jsfiddle.net/sbxpv25p/6/一个工作示例。