FullCalendar 2.1.1不显示事件

FullCalendar 2.1.1 not displaying events

本文关键字:事件 显示 FullCalendar      更新时间:2023-09-26

我在应用程序中配置了FullCalendar 2.1.1版本,但它根本不显示事件,我在谷歌上搜索了很多,但未能解决问题。

这是我的代码:

$("#fullcalendar").fullCalendar({
    "allDayDefault": false
    , "allDaySlot": false
    , "defaultView": "agendaWeek"
    , "editable": true
    , "eventClick": function(event, jsEvent, view) {
        $("#data_inicial_evento").val(event.start.format("DD/MM/YYYY"));
        $("#hora_inicial_evento").val(event.start.format("HH:mm"));
        if (event.end) {
            $("#data_final_evento").val(event.end.format("DD/MM/YYYY"));
            $("#hora_final_evento").val(event.end.format("HH:mm"));
        } else {
            $("#data_final_evento").val(event.start.format("DD/MM/YYYY"));
            $("#hora_final_evento").val(event.start.format("HH:mm"));
        }
        $("#titulo_evento").val(event.title);
        $("#categoria_evento").val(event.categoria);
        $("#form_editar_evento").attr("action", "{{ baseRoute }}/cadastro/evento/editar/" + event.id);
        $("#apagar_evento").attr("data-idEvento", event.id);
        $("#conteiner_form_editar_evento").dialog("open");
    }
    , "eventDrop": function(event, delta, revertFunc, jsEvent, ui, view) {
        $.post(
            "{{ baseRoute }}/cadastro/evento/alterarEventoAjaxUI"
            , {
                "idEvento": event.id
                , "dayDelta": delta.asDays()
                , "minuteDelta": delta.asMinutes()
                , "evento": "dragndrop"
            }
        ).done(function(data) {
            var obj = $.parseJSON(data);
            if (!obj.result) {
                revertFunc();
            }
        }).fail(function() {
            revertFunc();
        });
    }
    , "eventResize": function(event, delta, revertFunc, jsEvent, ui, view) {
        $.post(
            "{{ baseRoute }}/cadastro/evento/alterarEventoAjaxUI"
            , {
                "idEvento": event.id
                , "dayDelta": delta.asDays()
                , "minuteDelta": delta.asMinutes()
                , "evento": "resize"
            }
        ).done(function(data) {
            var obj = $.parseJSON(data);
            if (!obj.result) {
                revertFunc();
            }
        }).fail(function() {
            revertFunc();
        });
    }
    , "events": "{{ baseRoute }}/cadastro/evento/listarEventosAjaxUI"
    , "header": {
        "left": "prev,next today"
        , "center": "title"
        , "right": "month,agendaWeek,agendaDay"
    }
    , "select": function(start, end, jsEvent, view) {
        var dataEvento;
        // se for um evento de dia inteiro
        if (view.name === "month") {
            if (end.diff(start, 'days') > 1) {
                dataEvento = start.format("dddd, DD/MM/YYYY") + " ";
                dataEvento += "<br />até<br />";
                dataEvento += end.clone().subtract(1, 'days').format("dddd, DD/MM/YYYY");
            } else {
                dataEvento = start.format("dddd, DD/MM/YYYY");
            }
        } else {
            dataEvento = start.format("dddd, DD/MM/YYYY HH:mm") + " - ";
            dataEvento += end.format("HH:mm");
        }
        $("#data_inicial_novo_evento").val(start.format("DD/MM/YYYY"));
        $("#hora_inicial_novo_evento").val(start.format("HH:mm"));
        $("#data_final_novo_evento").val(end.format("DD/MM/YYYY"));
        $("#hora_final_novo_evento").val(end.format("HH:MM"));
        $("#span_data_novo_evento").html(dataEvento);
        $("#conteiner_form_novo_evento").dialog("open");
    }
    , "selectHelper": true
    , "selectable": true
    , "timezone": "local"
});

下面是我如何从json源获取事件数据的:

[
    {
        "title":"agendas"
        ,"start":1407409200
        ,"end":1407416400
        ,"id":16
        ,"allDay":false
        ,"usuario":"anderson"
        ,"categoria":13
    }
    ,{
        "title":"culto"
        ,"start":1407085200
        ,"end":1407094200
        ,"id":17
        ,"allDay":false
        ,"usuario":"anderson"
        ,"categoria":9
    }
    // and so on...
]

我真的不知道出了什么问题:(

您的startend参数是时间戳。startParam状态的FullCalendar文档:

此名称的参数将被发送到每个JSON事件提要。它描述了正在获取的间隔的开始。

字符串,默认值:"启动"

此参数的实际值将是ISO8601日期字符串

维基百科有关于ISO8601的详细信息,所以你的params应该有以下格式之一:

  1. 2014年9月22日
  2. 2014-09-22 15:00:00
  3. 2014年9月21日下午3:00