FullCalendar單擊並拖動多個事件

Question

我正在嘗試設置一個日歷，用戶可以通過單擊並在每周視圖（agendaWeek）中拖動來選擇多個時隙。 例如-星期一2-4pm，星期二1：30-2：00pm等

推薦的方法是什么？ 當前，每次進行新選擇時，上一個都會自動清除。

Answer 1

每次用戶選擇時間范圍時，都會創建一種占位符事件，以向用戶提供視覺反饋。 這實際上還不是一個事件，當用戶進行其他選擇時將其刪除。

您需要做的就是在做出選擇時添加一個實際事件。

使用select回調 。

每當用戶選擇（單擊和拖動）一個時隙時，就會觸發該事件。 在其中，調用addEventSource將其作為實際事件添加到日歷中。 然后調用unselect手動刪除占位符。

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

的jsfiddle