javascript - get the start and end date of the droppable element in arshaw calendar -
I am using an example of arshaw full calendar droppable (), in a calendar to populate two fields once The element is dropping with the start date and the end date.
& lt; Input type = "text" id = "startdate" /> & Lt; Input type = "text" id = "end date" /> Unfortunately, the doppel part of the website () does not get it
Import your JS and CSS files, you can see in the source page
$ ('# my-draggable'). Draggable ({revert: true, / / snap back to the original position instantly: $}}; $ ('# calendar'). FullCalendar ({droppable: true, minDate: yourDate, maxDate: yourMaxDate, drop: function (moment) , AllDay) {warning ("dropped on" + moment.format) + "AllDay =" with + AllDay);}}); & Lt; Div id = 'external-event' & gt; & Lt; H4 & gt; Dragable events & lt; / H4 & gt; & Lt; Div class = 'external-event' & gt; My event 1 & lt; / Div & gt; & Lt; Div class = 'external-event' & gt; My Event 2 & lt; / Div & gt; & Lt; Div class = 'external-event' & gt; My event 3 & lt; / Div & gt; & Lt; Div class = 'external-event' & gt; My event 4 & lt; / Div & gt; & Lt; Div class = 'external-event' & gt; My event 5 & lt; / Div & gt; & Lt; P & gt; & Lt; Input type = 'checkbox' id = 'drop-remove' / & gt; & Lt; Label = 'drop-remove' for & gt; Delete after drop & lt; / Label & gt; & Lt; / P & gt; & Lt; / Div & gt; & Lt; Div id = 'calendar' & gt; & Lt; / Div & gt;
Comments
Post a Comment