在fullcalendar中禁用外部事件的突出显示
我正在使用fullcalendar jquery插件v2.6.1。 实际上,我想在拖拽到日历时防止突出显示的外部事件选项。
是否有任何可能的方法来禁用事件中的fc-highlight
或者根据事件大小显示突出显示的任何选项。 我的意思是说,我有一个开始和结束时间的外部事件,例如事件从10:00开始,到11:00结束,但当我将该事件拖到日历中时, fc-highlight
总是覆盖两个小时插槽。
附图如下
因此,在图片中,红色笔触事件2中的灰色突出显示的框仅适用于一个小时的插槽,但突出显示的背景覆盖了两个小时,我希望禁用它或者只需要一小时。 请帮忙。
提前致谢!
您可以通过在FullCalendar选项中添加defaultTimedEventDuration: 01:00:00
或在外部事件中添加duration
来实现该解决方案,如下所示:
<div class="external fc-event" duration="04:00">Event</div>
我不确定,但是如果您将设置外部事件的拖放功能的结束时间 ,那么您不需要禁用突出显示。 尝试这个:
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);
}
)};
链接地址: http://www.djcxy.com/p/39421.html