通過拖放fullcalendar-Javascript來更新事件

Question

我正在使用Fullcalendar作爲正在開發的項目......我只剩下一個要實現的功能，即當現有事件從原始位置拖動時到另一個時間或日期。我想知道如何獲取當前的對象信息（標題，新的開始時間，舊的開始時間，id，url等），因此我可以用更新的信息更新數據庫...... Fullcalendar對象的屬性我用？ 我實現了drop屬性;

drop : function(date, allDay) { 
      // retrieve the dropped element's stored event object 
      var originalEventObject = $(this).data('eventObject'); 
      // we need to copy it, so that multiple events don't 
      // have a reference object 
      var copiedEventObject = $.extend({}, originalEventObject); 
      // assign it the date that was reported 
      copiedEventObject.start = date; 
      copiedEventObject.allDay = allDay; 

      // render the event on the calendar 
      // the last `true` argument determines if the event `sticks` 
      $('#calendar').fullCalendar('renderEvent', copiedEventObject, true); 

      // if the 'remove after drop' checkbox checked? 
      if ($('#drop-remove').is(':checked')) { 
       // if so remove the element from the "Draggable Events" 
       $(this).remove(); 
      } 
    }, 

，但它沒有做什麼，我想......

Answer 1

看看事件拖動和調整http://arshaw.com/fullcalendar/docs/event_ui/

我想你在找什麼的eventDrop回調。

當拖動停止並且事件已移動到不同的日期/時間的 時觸發。

從arshaw的網站http://arshaw.com/fullcalendar/docs/event_ui/eventDrop/

例子：

$('#calendar').fullCalendar({ 
    events: [ 
     // events here 
    ], 
    editable: true, 
    eventDrop: function(event,dayDelta,minuteDelta,allDay,revertFunc) { 

     alert(
      event.title + " was moved " + 
      dayDelta + " days and " + 
      minuteDelta + " minutes." 
     ); 

     if (allDay) { 
      alert("Event is now all-day"); 
     }else{ 
      alert("Event has a time-of-day"); 
     } 

     if (!confirm("Are you sure about this change?")) { 
      revertFunc(); 
     } 

    } 
});