Fullcalendarで同じ色またはイベントのオーバーフローを防ぐ

Question

オーバーフローの可能性についての情報を見つけるのが少し難しいです。

私はeventOverlap属性を持つすべてのFullcalndarイベントのオーバーフローを防止する方法を知っていますが、1つのタイプのイベントで重複を防ぐFullcalendarの方法がありますか？

たとえば、1つの赤いイベントは、別の赤いイベントでオーバーフローすることはできませんが、同時に黄色または緑色のイベントと重複する可能性があります。

私が達成したいことは、1人の中でイベントが重なり合わない複数の人のイベントを持つことですが、同時にそれは他の人イベントと重なることがあります。

Answer 1

あなたのイベントオブジェクトは、（など、または一人あたりの独特の色）人の識別子を持っている場合は、eventOverlap

$('#calendar').fullCalendar({ 
 
    defaultDate: moment(), 
 
    defaultView: 'agendaWeek', 
 
    forceEventDuration: true, // too lazy to specify end times 
 
    editable: true, 
 
    events: [{ 
 
    title: 'Sally event', 
 
    start: moment().add(1, 'day'), 
 
    person: 'sally' 
 
    }, { 
 
    title: 'Sally event', 
 
    start: moment().add(2, 'day').add(125, 'minute'), 
 
    person: 'sally' 
 
    }, { 
 
    title: 'Bob event', 
 
    start: moment().add(1, 'day'), 
 
    person: 'bob' 
 
    }, { 
 
    title: 'Bob event', 
 
    start: moment().add(2, 'day').add(150, 'minute'), 
 
    person: 'bob' 
 
    }], 
 
    eventOverlap: function(still, moving) { 
 
// could be event.color or whatever uniquely identifies the person the event is associated to 
 

 
    return still.person != moving.person; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.0/fullcalendar.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.0/fullcalendar.min.css" rel="stylesheet" /> 
 
<div id='calendar'></div>