FullCalendar нажмите и перетащите несколько событий

Question

Я пытаюсь настроить календарь, в котором пользователь может выбрать несколько временных интервалов, щелкнув и перетащив еженедельный просмотр («AgendaWeek»). Например - Пн 2-4 вечера, Вт 1: 30-2: 00pm и т. Д.

Каков рекомендуемый способ для этого? В настоящее время каждый раз, когда производится новый выбор, предыдущий автоматически очищается.

Answer 1

Каждый раз, когда пользователь выбирает таймер, он создает своего рода событие placeholder для визуальной обратной связи с пользователем. На самом деле это не событие, и оно удаляется, когда пользователь делает другой выбор.

Что вам нужно сделать, это добавить фактическое событие всякий раз, когда делается выбор.

Используйте select callback.

Он запускается каждый раз, когда пользователь выбирает (щелкает и перетаскивает) временной интервал. В нем вызовите addEventSource, чтобы добавить его в календарь как реальное событие. Затем вызовите unselect, чтобы вручную удалить местозаполнитель.

select: function (start, end, jsEvent, view) { 
    $("#calendar").fullCalendar('addEventSource', [{ 
     start: start, 
     end: end, 
    }, ]); 
    $("#calendar").fullCalendar("unselect"); 
} 

JSFiddle