FullCalendar单击并拖动多个事件

Question

我正在尝试设置一个日历，用户可以通过在周视图中单击并拖动来选择多个时间段（'agendaWeek'）。例如，周一下午2点至4点，周二下午1点至2点，等等

推荐的方法是什么？目前，每次进行新的选择时，前一个会自动清除。

Answer 1

每次用户选择一个时间范围时，它都会创建一种占位符事件，用于向用户提供视觉反馈。这实际上还不是一个事件，当用户做出另一个选择时，它会被删除。

您需要做的是，在进行选择时添加一个实际事件。

使用select回调。

每当用户选择（点击和拖动）一个时隙时，它就会被触发。在其中，调用addEventSource将其作为实际事件添加到日历中。然后调用unselect以手动删除占位符。

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

JSFiddle