2017-04-23 106 views
1

我正在使用fullcalendar jquery插件v2.6.1。實際上,我想在拖拽到日曆時防止突出顯示的外部事件選項。禁用fullcalendar中的外部事件的高亮

是否有任何可能的方法從事件或任何選項禁用fc-highlight以根據事件大小顯示高亮。我的意思是說我有一個開始和結束時間的外部事件,例如事件從10:00開始並在11:00結束,但當我將該事件拖到日曆時,fc-highlight總是覆蓋兩個小時的時間段。附

圖片下面

enter image description here

所以在畫面中,灰色高亮框紅色中風事件2這是唯一可用的一個小時插槽,但高亮背景涵蓋了兩個小時,這我想禁用它或只是使它一小時。請幫忙。

提前致謝!

回答

1

您可以通過在FullCalendar選項添加defaultTimedEventDuration: 01:00:00或外部事件添加duration,像這樣實現的解決方案:

<div class="external fc-event" duration="04:00">Event</div> 
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); 

    } 

)}; 
+0

謝謝您的回答@miqureshi但實際上,我已經有一個事件的開始和結束時間,我知道如何從核心fullcalendar.js文件中刪除** fc-highlight **,但這不是正確的方法,所以尋找正確的方法禁用或設置結束時間爲** fc-highlight **以及。 – Adeel

相關問題