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

2014-02-27 · 5 min read

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/