Перетаскиваемые события

Перетаскиваемые (drag-n-drop) события представляют собой HTML блоки, которые можно перетаскивать в календарь. При этом в календаре создаются соответствующие события.

Пример разметки такого элемента

<div class="fc-event draggable-event" data-description="Описание события" data-calendar-name="Название календаря" data-calendar="1" data-duration="01:30">My Event 1</div>

У этого элемента есть обязательные и необязательные атрибуты. Начнём с обязательных.

Элемент должен содержать короткий текст. Он будет заголовком. Также у элемента обязательно должен быть класс draggable-event и атрибут data-calendar с номером (id) календаря, в который будет добавлено событие.

Необязательные атрибуты:

• data-description — содержит описание события.
• data-calendar-name — название календаря, которое отображается во всплывающей подсказке при наведении указателя мыши.
• data-duration — длительность события. Если не указан, то будет использована длительность, переданная в параметре defaultDuration. Элементы, у которых указана длительность, можно перетаскивать только в календарь в режимах "Неделя" или "День".

Посмотреть пример можно на демонстрационной странице.