javascript - 在 fullcalendar.js 中按轮类方式(早上、白天、晚上、晚上)显示事件，用于 basicDay View 和 basicWeek View

Question

我每天都有很多事件。有没有办法将这些事件按水平移动类别分开？我可以添加一个额外的标志(或类即:早上、白天、晚上、晚上)以及“标题:”和“开始:”，以便事件将在同一天内按各自的水平移动进行组织吗？我用过

start: new Date(y,m,d,h,i),
allDay:false

显示同一天的不同事件。

然后我可以使用 eventLimit 限制每个类次只有 5 个事件。附:我只使用 basicDay 和 basicWeek View 。

Answer 1

您可以在您的事件对象中添加“className”参数。并通过检查事件时间用颜色区分不同的类。

喜欢

var eventClass = '';

if (event.start > night && event.start < day) {
  var eventClass = 'morningClass';
} else if (event.start > morning &&  event.start <  evening) {
  var eventClass = 'dayClass';
} else if (event.start > day &&  event.start <  night) {
  var eventClass = 'eveningClass';
} else if (event.start > evening &&  event.start <  morning) {
  var eventClass = 'nightClass';
}

然后

start: new Date(y,m,d,h,i),
allDay:false,
className: eventClass

并且基于 className 计数(使用 clientEvents (method) )您可以限制每类 5 个事件。