Jquery FullCalendar:检测调整大小是开始还是结束。
我正在使用FullCalendar库来构建日程安排。我已经启用了Jquery FullCalendar:检测调整大小是开始还是结束。,jquery,ajax,fullcalendar,Jquery,Ajax,Fullcalendar,我正在使用FullCalendar库来构建日程安排。我已经启用了editable属性,因此可以调整事件的大小。我使用此事件侦听器执行我想要执行的操作: eventResize: function(event,dayDelta,minuteDelta,allDay,revertFunc) { //Some code goes here } 但我想知道是否有办法检测调整大小是在活动开始日期还是结束日期进行的?嗯,我自己找到了解决方案。我们可
editable
属性,因此可以调整事件的大小。我使用此事件侦听器执行我想要执行的操作:
eventResize: function(event,dayDelta,minuteDelta,allDay,revertFunc) {
//Some code goes here
}
但我想知道是否有办法检测调整大小是在活动开始日期还是结束日期进行的?嗯,我自己找到了解决方案。我们可以在
eventResizeStart
和eventResizeStop
上保留事件期间的记录,然后比较这些记录。我的意思是这样的:
eventResizeStart: function(event) {
startDateOnStart = event.start;
endDateOnStart = event.end;
}
然后
嗯,我自己找到了解决办法。我们可以在
eventResizeStart
和eventResizeStop
上保留事件期间的记录,然后比较这些记录。我的意思是这样的:
eventResizeStart: function(event) {
startDateOnStart = event.start;
endDateOnStart = event.end;
}
然后
此代码更有效:
eventResizeStart: function(event) {
startDateOnStart = event.start.format();
endDateOnStart = event.end.format();
},
eventResize: function( event, delta, revertFunc, jsEvent, ui, view ) {
startDateOnStop = event.start.format();
endDateOnStop = event.end.format();
if (startDateOnStart != startDateOnStop){
alert ('The resize took place at Start!');
} else if (endDateOnStart != endDateOnStop ){
alert ('The resize took place at End!');
}
}
此代码更有效:
eventResizeStart: function(event) {
startDateOnStart = event.start.format();
endDateOnStart = event.end.format();
},
eventResize: function( event, delta, revertFunc, jsEvent, ui, view ) {
startDateOnStop = event.start.format();
endDateOnStop = event.end.format();
if (startDateOnStart != startDateOnStop){
alert ('The resize took place at Start!');
} else if (endDateOnStart != endDateOnStop ){
alert ('The resize took place at End!');
}
}
请提供HTML和CSS以及。JSFIDLE将是useful@Thangaraja为什么需要html和css?演示将有助于测试事件,但此插件的html只是一个
,请同时提供html和CSS。JSFIDLE将是useful@Thangaraja为什么需要html和css?演示将有助于测试事件,但此插件的html只是一个