防止相同颜色或类型的事件溢出在全日历

Question

我很难找到有关溢出可能性的信息。

我知道如何防止溢出与eventtoverlap属性的所有Fullcalendar事件，但有一种方法在Fullcalendar，以防止重叠在一种类型的事件?

例如，一个红色事件不能与另一个红色事件溢出，但同时它可以与黄色或绿色事件重叠。

我想实现的是有多个人的事件，其中在一个人，事件不能重叠，但同时它可以与其他人的事件重叠。

Answer 1

如果您的事件对象有个人标识符(或每个人的唯一颜色等)，您可以使用eventtoverlap

$('#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>