您好我正在尝试实现fullcalendar中提供的拖放功能。它正在工作,但我遇到的问题是,每当我尝试拖放和事件时,它会将该事件移动到新位置,但它也会将所有其他事件向前移动到。我不知道为什么我会遇到这个错误。这是我的代码
$('#calendar').fullCalendar({
// put your options and callbacks here
// droppable: true,
editable: true,
eventDrop: function(event, delta, revertFunc) {
alert(event.title + " was dropped on " + event.start.format());
// if (!confirm("Are you sure about this change?")) {
// revertFunc();
// }
},
// drop: function(date) {
// alert("Dropped on " + date.format());
// },
viewRender: function (view) {
debugger;
$.ajax({
type: "POST",
url: base_url +"/apps/calendar/getByMonth",
async : false,
dataType: 'html',
data: {'type': $('#formName').val() },
success: function(mark_up){
debugger;
mark_up = JSON.parse(mark_up);
my_events = mark_up["task"];
$('#calendar').fullCalendar( 'removeEvents');
$('#calendar').fullCalendar('addEventSource', my_events);
}
});
},
eventClick: function(calEvent, jsEvent, view) {
// alert('Event: ' + calEvent.title);
// alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
// alert('View: ' + view.name);
$('#eventId').val(calEvent._id.$id);
$('#editStarts').val(calEvent.start._i);
if (calEvent.end == null){
$('#editEnds').val(calEvent.start._i);
}else{
$('#editEnds').val(calEvent.end._i);
}
$('#editTitle').val(calEvent.title);
$('#editDescription').val(calEvent.description);
$('#editNewEvent').modal('show')
// change the border color just for fun
// $(this).css('border-color', 'red');
},
dayClick: function(date, allDay, jsEvent, view) {
// var p = date.month()+'/'+date.day()+'/'+date.year()
$('#addNewEvent').modal('show');
// alert('a day has been clicked!');
}
这是我面临的问题的链接。 Drag Problem
我很抱歉这样分享,但我不知道如何向你们展示我的问题,这是想到的唯一方法