在全日历中禁用外部事件的突出显示

Question

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

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

下面附上图片

所以在图片中，红色笔画的灰色高亮框 事件 2 仅适用于一个小时的时段，但高亮背景覆盖了两个小时，我想将其禁用或者只做一个小时。请帮忙。

提前致谢！

Answer 1

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

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>

在全日历中禁用外部事件的突出显示

Disable highlight of an external event in fullcalendar

javascript

jquery

fullcalendar

fullcalendar-2