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

2014-02-27 · 4 min read

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/