javascript - FullCalendar 单击并拖动多个事件

Question

我正在尝试设置一个日历，用户可以通过在每周 View (“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