在 fullcalendar.js 中按班次（早上、白天、晚上、晚上）显示 basicDay 视图和 basicWeek 视图的事件答案

【问题标题】：Show events in fullcalendar.js shift-wise (Morning, day, evening, night) for basicDay view and basicWeek view在 fullcalendar.js 中按班次（早上、白天、晚上、晚上）显示 basicDay 视图和 basicWeek 视图的事件
【发布时间】：2014-11-06 10:57:25
【问题描述】：

我每天都有很多活动。有没有办法将这些事件分成水平移位类别？我可以添加一个额外的标志（或类即：早上、白天、晚上、晚上）以及“标题：”和“开始：”，以便活动在同一天以各自的水平班次组织？我用过

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

显示同一天的不同事件。

然后我可以使用 eventLimit 在每个班次中限制 5 个事件。 p.s.我只使用 basicDay 和 basicWeek 视图。

【问题讨论】：

标签： javascript jquery events fullcalendar

【解决方案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

并根据类名计数（使用 clientEvents (method) ），您可以限制每班 5 个事件。

【讨论】：

我无法再访问代码文件，因此无法尝试您的答案。不过感谢您的帮助，可能对寻找此问题的人有所帮助。

【解决方案2】：

据我了解您的要求，您需要使用日历的资源查看功能。这是关于资源视图的post

【讨论】：

我无法再访问代码文件，因此无法尝试您的答案。不过感谢您的帮助，可能对寻找此问题的人有所帮助。