我使用Fullcalendar 3,并且我有几个Calendar实例。
我想在选择函数上选择当前实例,现在我有:
$('.calendar').fullCalendar({
defaultDate: moment('2000-01-03'),
allDaySlot: false,
selectable: true,
editable: true,
select: function(start, end, allDay) {
console.log(this);
// this does nothing
// before I had $('#calendar').fullCalendar('....');
this.el.fullCalendar('renderEvent', {
start: start,
end: end,
allDay: allDay
},
false // make the event "stick"
);
this.el.fullCalendar('unselect');
},
以前我使用$('#calendar').fullCalendar('....');
,但现在我有不同的实例。
如何在select函数中使用类似renderEvent
的函数?使用当前实例?
好的,这种方式可以工作:
select: function(start, end, allDay) {
this.calendar.el.fullCalendar('renderEvent', {
start: start,
end: end,
allDay: allDay
},
false // make the event "stick"
);
this.calendar.el.fullCalendar('unselect');
},
例如,在eventClick事件中,我不得不使用另一个:
eventClick: function(calEvent, jsEvent, view) {
if(confirm("Voulez-vous supprimer cet horaire ?")) {
// delete in frontend
calEvent.source.calendar.el.fullCalendar('removeEvents', calEvent.id);
}
}