2014-09-20 168 views
0

我已經在我的應用程序中配置了FullCalendar版本2.1.1,但它根本不顯示事件,我GOOGLE了很多,但無法解決問題。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... 
] 

我真的無法弄清楚什麼是錯的:(

回答

1

startend參數是時間戳FullCalendar documentation of startParam states

該名稱的參數將發送到每個JSON事件饋送。它描述了正在提取的時間間隔的開始。

字符串,默認:「開始」

該參數的實際值將是一個ISO8601日期字符串

維基百科有詳細的有關ISO 8601,讓您的PARAMS應該有下列格式之一:

  1. 2014年9月22日
  2. 2014年9月22日15:00:00
  3. 2014-09-21T13:00:00Z
+0

我沒有注意到這一點。可能是因爲我是從版本1升級。 :d – 2014-09-22 16:49:17