将事件添加到FullCalendar，导致事件行容器跨单元网格绘制

Question

我是一名初级级别的Meteor开发人员，负责一个包含FullCalendar日历的项目。

我附上了如何在日历上呈现事件的屏幕截图。如你所见，粗糙的红圈突出了我的问题。据我所知，由于表格行在单元格网格上绘制，因此会出现此问题。我该如何解决这个问题？

以下是我onRendered()函数的代码：

Template.calendar.onRendered(() => {
  $('#events-calendar').fullCalendar({
    // NOTE: Put your options and callbacks here.

    events(start, end, timezone, callback) {
      let data = Events.find().fetch().map((event) => {
        event.editable = !isPast(event.start);
        return event;
      });

      if (data) {
        callback(data);
      }
    }
  });

  // NOTE: Assures the calendar updates when the DB updates (refecthEvents).
  Tracker.autorun(() => {
    Events.find().fetch();
    $('#events-calendar').fullCalendar('refetchEvents');
  });
});

非常感谢任何帮助或见解。

Answer 1

我想说的就像下面给出一个给定的css一样。

  eventRender( event, element ) {
     element.find( '.fc-content' ).html(
    `<h4>${ event.title }</h4>
     <p class="guest-count">${ event.guests } Guests</p>
     <p class="type-${ event.type }">#${ event.type }</p>
    `
  );

您可能希望查看此教程meteorchef教程以供进一步参考。