FC - drag and drop

by radek

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fullcalendar@5.6.0/main.min.css">
<script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.6.0/main.min.js"></script>

  <div id='calendar-container'>
  <div id='calendar'></div>
</div>

JavaScript

var Calendar = FullCalendar.Calendar;
var calendarEl = document.getElementById('calendar');

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
    var myEvents = [{
        title: 'All Day Event',
        start: new Date(y, m, d)
    }, {
        title: 'Long Event',
        start: new Date(y, m, d-2),
    }]


calendar = new Calendar(calendarEl, {

  allDaySlot : false,
      editable: true,
  events : myEvents,
eventDrop : function(info) {
                  if (!info.jsEvent.altKey) {
            // Handle drag'n'drop copy
                  } else {
            // Handle drag'n'drop duplication
            // Here I add the event to event source
            _addEventToSelectedSource(event.start, event.end);
            // "Disable" the default behavior using revertFunc to avoid event moving
             revertFunc();
                  }
                  }

})
   
calendar.render()