FullCalendar单击并拖动多个事件

Question

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

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

Answer 1

每次用户选择时间范围时，它都会创建一种placeholder事件，以便向用户提供视觉反馈。这实际上并不是一个事件，当用户进行另一次选择时它将被删除。

您需要做的是在选择时添加实际事件。

使用select callback。

每次用户选择（点击并拖动）一个时段时都会触发它。在其中，请致电addEventSource将其作为实际事件添加到日历中。然后调用unselect手动删除占位符。

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

JSFiddle