FullCalendar 2.1.1不显示事件
FullCalendar 2.1.1 not displaying events
我在应用程序中配置了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...
]
我真的不知道出了什么问题:(
您的start
和end
参数是时间戳。startParam
状态的FullCalendar文档:
此名称的参数将被发送到每个JSON事件提要。它描述了正在获取的间隔的开始。
字符串,默认值:"启动"
此参数的实际值将是ISO8601日期字符串。
维基百科有关于ISO8601的详细信息,所以你的params应该有以下格式之一:
- 2014年9月22日
- 2014-09-22 15:00:00
- 2014年9月21日下午3:00
相关文章:
- php代码在textbox更改事件上显示null
- gmap3如何做到这一点-它显示圆圈的任何事件
- 错误事件显示图片 - JavaScript
- 通过单击事件显示部分
- 如何将 Cookie 与点击事件显示的内容一起使用?(HTML/CSS/jQuery)
- onchange事件显示目标元素的所有文本值,原因
- 点击使用WebDriver的链接上的事件显示“;javascript:void(0)"状态栏上
- 如何获得类似id的"invokedOn”;使用Bootstrap ContextMenu通过右键单击事件显示文
- jQuery点击事件显示JSON数组中工作不正常的特定数据
- 奇怪的鼠标事件显示:flex和svg
- 鼠标悬停事件显示:none(隐藏)元素(chrome&opera)
- 使用滚动事件显示基于窗口高度的元素
- 是否可以用ajax事件显示php内容?
- ReceiveMessage事件显示数据未定义
- HTML5服务器端事件-显示
- FireFox不会为window beforeunload事件显示任何警告对话框
- asp.net Ajax提交事件显示从控制器返回的json结果,而不是警报
- 如何根据事件显示此选项卡内容
- 使用单击事件显示菜单,但不使用Knockout和Jquery处理新代码
- 弹出框中的引导日期选择器在触发事件显示时清除其他输入