外部元素拖拽之droppable

优质
小牛编辑
115浏览
2023-12-01

定义外部的 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);
    }
});

查看在线演示