2017-04-23 18 views
1

fullcalendar jquery plugin v2.6.1を使用しています。実際には、私は、カレンダーにドラッグしている間、外部イベントの強調表示されたオプションを防ぐ必要があります。fullcalendarで外部イベントのハイライトを無効にする

イベントからのfc-highlightを無効にする可能性のある方法や、イベントサイズに基づいてハイライトを表示するオプションはありますか。開始日と終了日の外部イベントがあるとします。たとえば、イベントは10:00から11:00に終了しますが、そのイベントをカレンダーにドラッグすると、fc-highlightは常に2時間のスロットをカバーしました。

enter image description here

の下に取り付けた

ピクチャーだから絵で、灰色がかったは赤いストロークで一時間スロットでのみ使用可能ですが、ハイライトされた背景には、私が欲しい2時間をカバーイベント2を箱を強調しました無効にしたり、1時間にするだけです。助けてください。

ありがとうございます!

答えて

1

あなたはFullCalendarオプションでdefaultTimedEventDuration: 01:00:00を追加したり、外部のイベントでこのような何かdurationを追加することで解決を図ることができます:あなたの答えの@miqureshiため

<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

感謝しますが、実際に、私はすでにイベントの開始時刻と終了時刻を持っていて、私は** full fc-highlight **をコアfullcalendar.jsファイルから削除する方法を知っていますが、これは正しい方法ではありません。 ** fc-highlight **も同様です。 – Adeel

関連する問題