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

FullCalendar 中文文档目录

dropAccept 提供了一种方法来判断哪些元素可以拖拽到日程表上，值为字符串或者函数，默认值为“*”。

默认情况下，将 FullCalendar 的 droppable 设置为 true，日程表接受所有“可拖拽元素”。dropAccept 属性让 FulLCalendar 更加有选择性的接受“可拖拽元素”。

dropAccept 的值可以是一个 jQuery 选择器字符串。也可以是一个函数，接受“可拖拽元素”作为参数，返回 true 表示可以插入到日程表。下面的例子中，第一个元素（id 是“draggable1”）可以被拖拽到 FullCalendar 上，第二个（id 是“draggable2”）不可以。\

...
<div id="calendar"></div>

<div id="draggable1" class="cool-event"></div>
<div id="draggable2"></div>
...

下面是 js 代码：

$('#calendar').fullCalendar({
  droppable: true,
  dropAccept: '.cool-event',
  drop: function () {
    alert('dropped!')
  },
})

$('#draggable1').draggable()
$('#draggable2').draggable()

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