Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Jquery Fullcalender is providing alot of options where you play around wth your events , as per you requirement</p> <p><code>Original Dates : 2013-12-04 to 2013-12-07</code></p> <p><code>When Extends : 2013-12-04 to 2013-12-10</code></p> <p>This is when you extend the event duration, to catch the event where you change the end date you can use the below code</p> <pre><code>eventResizeStart: function (event, jsEvent, ui, view) { console.log('RESIZE START ' + event.title); }, eventResizeStop: function (event, jsEvent, ui, view) { console.log('RESIZE STOP ' + event.title); }, eventResize: function (event, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view) { console.log('RESIZE!! ' + event.title); console.log(dayDelta + ' days'); //this will give the number of days you extended the event console.log(minuteDelta + ' minutes'); }, </code></pre> <p><code>Original Dates : 2013-12-04 to 2013-12-07</code></p> <p><code>When Extends : 2013-12-01 to 2013-12-07</code></p> <p>This is when you pre-pone the event , then you can use the below code</p> <pre><code>eventDragStart: function (event, jsEvent, ui, view) { console.log('DRAG START ' + event.title); console.log(this); }, eventDragStop: function (event, jsEvent, ui, view) { console.log('DRAG STOP ' + event.title); console.log(this); }, eventDrop: function (event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view) { console.log('DROP ' + event.title); console.log(dayDelta + ' days'); //this will give the number of days you dragged before or after console.log(minuteDelta + ' minutes'); console.log('allday: ' + allDay); }, </code></pre> <p>As per you comment above that if you want to restrict the user from dragging a event or resizing a event , then you can use <code>eventDurationEditable</code> , this is <code>true</code> by default</p> <p><code>eventDurationEditable:false,</code></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload