logo

FullCalendar

dropAccept

Provides a way to filter which external elements can be dropped onto the calendar.

String/Function, default: "*"

By default, after setting a calendar’ droppable option to true, the calendar will accept any draggables that are dropped onto the calendar. The dropAccept option allows the calendar be more selective about which elements can/can’t be dropped.

The value of dropAccept can be a string jQuery selector. It can also be a function that accepts the draggable item as a single argument, and returns true if the element can be dropped onto the calendar.

In the following example, the first draggable (with id "draggable1") can be dropped on the calendar, while the second draggable (with id "draggable2") cannot:

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

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

and here is the JavaScript:

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

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