禁用fullcalendar中外部事件的突出显示

Question

我正在使用fullcalendar jquery插件v2.6.1。实际上，我想在拖动到日历时阻止外部事件的突出显示选项。

是否有任何可能的方法可以禁用事件中的fc-highlight或任何根据事件大小显示突出显示的选项。我的意思是说我有一个有开始和结束时间的外部事件，例如事件从10:00开始到11:00结束，但当我将该事件拖到日历时，fc-highlight总是覆盖两个小时的时间。

下面的图片

所以在图片中，红色笔划中的灰色突出显示框事件2 仅适用于一小时的插槽，但突出显示的背景覆盖了两个小时我想要禁用它或只是一个小时。请帮忙。

提前致谢！

Answer 1

我不确定，但如果你在外部事件的drop函数中设置结束时间，那么你不需要禁用突出显示。试试这个：

var eventsArray = [];

$('#calendar').fullCalendar({

    drop: function(date) {

        var eventObject = $(this).data('eventObject');

        var eventObjectDuplicate = $.extend({}, eventObject);

        eventObjectDuplicate.start  = date;
        eventObjectDuplicate.end    = (date.getTime() + 1800000)/1000;
        eventObjectDuplicate.allDay = false;

        eventsArray.push(eventObjectDuplicate);

    }

)};

Answer 2

您可以通过在FullCalendar选项中添加defaultTimedEventDuration: 01:00:00或在外部事件中添加duration来实现此解决方案，如下所示：

<div class="external fc-event" duration="04:00">Event</div>