完整日历不在客户端中呈现事件

Question

我正在尝试制作一个日历，展示所有工作日和事件，而无需考虑当月的哪一天。来自数据库的日期是"随机"，在C＃代码中，我获得了当前一周，并将每个"随机"日期与当前一周的相应日相关联(因此用户不((公共dateTime dateTime assimilardataaaodiasemana(字符串dia，dia，string，列表DTS((。

我有这个c＃代码https://pastebin.com/ipe4t8pa，例如：

{
    "events":[
     {
         "title": "VIP",
         "start": "2018-03-03 10:00:00",
         "end": "2018-03-03 11:00:00",
         "allDay": false
     },
     {
         "title": "ALMANAQUE DA CACAU",
         "start": "2018-02-25 17:00:00",
         "end": "2018-02-25 18:00:00",
         "allDay": false
     }
    ]
}

这是我的JavaScript

function Grade() {
if (VerificarURL("programacao")) {
    var cal = $("#calendario").fullCalendar({
        events: {
            url: "/programacao/calendario",
            dataType: "json",
            type: "GET",
            success: function (data) {
                console.log(data);
            },
            color: "white",
            textColor: 'white'
        },
        columnHeaderFormat: "dddd",
        handleWindowResize: true,
        header: false,
        height: "auto",
        defaultView: "agendaWeek",
        editable: false,
        minTime: "06:00",
        maxTime: "24:00",
        displayEventTime: false,
        allDaySlot: false,
        allDayText: false,
        timeFormat: "HH(:mm)",
        slotLabelFormat: "HH:mm",
    });
}
}

问题是：事件未在客户端中渲染。有什么想法吗？

Answer 1

您要返回的JSON的格式与FullCalendar的期望不兼容。您需要仅返回一系列事件，而无需包裹在周围的物体。您的事件数据只需要这样：

[
     {
         "title": "VIP",
         "start": "2018-03-03 10:00:00",
         "end": "2018-03-03 11:00:00",
         "allDay": false
     },
     {
         "title": "ALMANAQUE DA CACAU",
         "start": "2018-02-25 17:00:00",
         "end": "2018-02-25 18:00:00",
         "allDay": false
     }
]

FullCalendar希望JSON成为一个数组。如果您按照示例返回对象，它不知道要在其中查找数组，并且只会假设没有事件。

如果您稍微修改C＃代码以产生此输出，则应该很好地工作。