外部元素拖拽之 droppable – FullCalendar 中文文档

FullCalendar 中文文档目录

定义外部的 jQuery UI 拖拽元素是否可以拖动到日程表上，值为布尔类型，默认 false。此属性依赖于 jQuery UI，必须下载引用 jQuery UI 的文件，然后初始化可拖拽元素。此外，还要将 FullCalendar 的 droppable 属性设置为 true。下例演示如何初始化一个元素，拖拽到日程表：

$('#my-draggable').draggable({
  revert: true, // immediately snap back to original position
  revertDuration: 0, //
})

$('#calendar').fullCalendar({
  droppable: true,
  drop: function (date, allDay) {
    alert('Dropped on ' + date + ' with allDay=' + allDay)
  },
})

查看在线演示

官方英文文档：http://arshaw.com/fullcalendar/docs/dropping/droppable/