完整日历销毁事件
Full Calendar Destroy event
我有一个单击事件,在其中我正在重新加载完整的日历。但在重新加载之后,我想隐藏执行单击事件的当前元素。但不知怎么的,它不起作用。下面是我的代码。
$(document).on("click", 'a.btnExpandCollapseBook', function (e) {
$('#calendar2').fullCalendar('destroy');
calendarOptions.events = tempSourcearr; // assigning the events
$('#calendar2').fullCalendar(calendarOptions);
$(this).hide();// This is not working...
});
您可以将自定义属性(例如"hidden"true/false)添加到事件中,并使用eventRender根据"hided"属性控制可见性
http://jsfiddle.net/hmspswu3/
var calendarOptions = {
defaultDate: '2015-12-01',
events: [{
id: 1,
start: '2015-12-03',
end: '2015-12-07',
title: 'Event 1',
hidden: false
}, {
id: 2,
start: '2015-12-13',
end: '2015-12-17',
title: 'Event 2',
hidden: false
}],
eventRender: function(event, element, view) {
return !event.hidden;
},
eventClick: function(event, jsEvent, view) {
event.hidden = true;
calendarOptions.events = $('#calendar').fullCalendar('clientEvents');
$('#calendar').fullCalendar('destroy');
$('#calendar').fullCalendar(calendarOptions);
}
};
$('#calendar').fullCalendar(calendarOptions);
感谢每一个人,我找到了如下的替代解决方案。
$.each($('#calendar2').fullCalendar('clientEvents'), function (i, item) {
$('#calendar2').fullCalendar('removeEvents', item.id);
}); // removes the event one by one
$('#calendar2').fullCalendar('addEventSource', tempSourcearr); // assign the new data source.
用于销毁用途:
$('#calendar2').fullCalendar('destroy');
相关文章:
- jQuery完整日历添加事件,仅包含月份和日期
- 如何使用2个事件单击1个日历
- 使用jQuery在js中创建日历上的事件,i'I’我被一只奇怪的虫子卡住了
- 搜索日历事件的Javascript正则表达式
- Day在完整日历中单击特定日期的事件警报
- 事件函数完整日历中的多个ajax调用
- 如何将完整日历事件限制为仅一天
- 完整日历在多个资源上添加一个事件
- 完整日历 - 在事件上拖放图标
- 删除外部事件时获取完整日历上的资源 ID
- 比较日期时,全日历中的 DayClick 事件警报
- 如何使用javascript、jquery、html和css制作基本的事件日历
- 使用jquery的事件日历
- Wijemo事件日历绑定到角度控制器
- 如何在c#MVC web项目中制作一个简单的事件日历
- 我想从数据库加载事件日历,返回值失去效果和日期不显示
- 将事件添加到事件日历中
- 如何自定义fullcalendar,一个javascript事件日历
- 尝试使用日期picker javascript创建事件日历
- 事件日历的数据库大小