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

我是一个初级Meteor开发人员，负责处理包含FullCalendar日历的项目。将事件添加到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'); 
    }); 
});

任何帮助或洞察力将不胜感激。

来源

2016-07-24 EfVonZee

你可以从onRendered函数显示你的eventRender（）函数吗？有事件渲染的选项，你可能已经操纵了html代码和css（在onRendered函数中的事件渲染函数中）。 –

我在我的onRender（）函数中添加了代码。 – EfVonZee

我会说它的所有关于像使用下面给出的例子一样玩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教程作进一步参考。

来源

2016-07-24 18:41:44

谢谢你的洞察！流星厨师教程是我遵循的确切的一个....我仍然得到这个问题，不知何故。即使只是通过'events：[]'定期添加一个事件也会给我这个问题。 – EfVonZee

什么css与特定的空白空间相关联？尝试重播这些空间。 –

据我了解，它是由FullCalendar本身呈现的CSS代码...我试图玩弄它，但无济于事。 – EfVonZee

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

回答

相关问题