在 fullcalendar.js 的每一列中添加小时数

Question

无论我有多少资源，我都想将时间添加到全日历的每个单元格中。

真不知道怎么处理。我上传了一张我想要的照片。

非常感谢！

Answer 1

找到了！这个想法是添加背景事件。 “15”是您的时间段，在以下示例中为 60 分钟

在事件函数中添加（任意star_day和end_day）

 events: function(start, end, timezone, callback) {
   var timeCursor = moment(start_day);
   while (timeCursor < moment(end_day))
   {
     events.push({
      start: timeCursor.toISOString(),
      color:"inherit",
      title:timeCursor.utc().format("HH:mm"),
      end: timeCursor.add('15', 'minutes').toISOString(),
      rendering: 'background'
      });
    }
  }

在eventRender函数中添加：

eventRender: function(event, element, view) {
 if (event.rendering == 'background') {
  element.append(event.title);
  }
 }

结果如下（60 分钟）：

在 fullcalendar.js 的每一列中添加小时数

Adding hours in each columns in fullcalendar.js

fullcalendar

fullcalendar-scheduler