पूर्ण कैलकुलेटर खींचकर/छोड़कर एक ईवेंट अपडेट करना- जावास्क्रिप्ट

Question

मैं विकसित होने वाली परियोजना के लिए Fullcalendar का उपयोग कर रहा हूं ... मेरे पास केवल एक ही सुविधा लागू की गई है, जो तब होती है जब एक मौजूदा ईवेंट इसकी मूल स्थिति से खींचा जाता है एक और समय या तारीख के लिए। मैं जानना चाहता हूं कि मुझे वर्तमान ऑब्जेक्ट जानकारी (शीर्षक, नया स्टार्ट टाइम, पुराना स्टार्ट टाइम, आईडी, यूआरएल इत्यादि) कैसे मिलता है, इसलिए मैं नई जानकारी के साथ डेटाबेस अपडेट कर सकता हूं ... 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(); 
     } 

    } 
});