我尝试使用jquery fullcalendar插件显示几个全尺寸。每个插件都显示在单独的标签中。
在其中一个标签上,我创建了一个完整日历。事件源是远程数据库并提供json事件数据。我已在页面中添加了一个复选框,以使用户能够显示或隐藏某些类型的事件。我发现本教程有助于:(http://www.mikesmithdev.com/blog/jquery-full-calendar/)
我的问题是我收到的错误是我可以解决的:
这是我的重装功能:
function reloadCal(directSale) {
hideDirectSale = (directSale ? 1 : "showDS");
var activeTab = $("#myTab li.active a");
console.log("active tab", activeTab.data('source'));
var sourceURL = '/eventslist/' + activeTab.data('source');
var newSource = {
url: sourceURL,
data: {
ds: hideDirectSale
},
currentTimezone: 'Europe/London' // an option!
};
console.log("newsource:", sourceURL);
$('.full-calendar').fullCalendar('removeEventSource', sourceURL);
$('.full-calendar').fullCalendar('refetchEvents');
$('.full-calendar').fullCalendar('addEventSource', newSource);
$('.full-calendar').fullCalendar('refetchEvents');
eventSource = newSource;
}
目前来源未更改 - 它尝试加载源但出现此错误:
Uncaught TypeError: Cannot read property 'clone' of null
我认为可能是因为我错误地引用了来源。代码中的source
只是数组中的一个键,其中包含我的页面最终将显示的日历的网址。
如果我删除了第一个refetchevents
,我可以使用预期的过滤结果重新加载日历,但错误仍然存在
在fullcalendar中是否有方法来获取日历eventSource以确保我正确引用它?
谢谢