fullcalendar - 如何在全日历中的事件之间添加空格

Question

我想在完整日历中的渲染事件之间添加空间。因此，如果我在同一天有两个事件并说它们的背景颜色是蓝色，我想在它们之间添加额外的空白。我怎样才能做到这一点？我一直无法找到改变的风格来实现这一点。

Answer 1

我最近一直在为我的一个项目使用 fullcalendar，解决您遇到的问题的一个简单方法是在每个事件周围添加一个白色边框以获得额外的间距。

查看http://arshaw.com/fullcalendar/docs/event_rendering/eventBorderColor/了解更多信息。希望这可以帮助。

Answer 2

只需添加margin-bottom到事件的样式规则。FullCalendar 在定位事件时包括边距。

CSS：

.fc-event {
  margin-bottom: 1px;
}