Question

是否有办法限制引导程序日历中每个单元格的事件，如附加图像中所示？我希望将它显示为2个事件和＆＃34; ... X more＆＃34;标签，如果有超过2个具有相同日期的事件，并阻止拉伸整个日历。

enter image description here

Answer 1

请尝试以下操作。

使用新版本v2.1.0-beta2启动17天前Arshaw执行了以下操作

已解决的问题：

带有“更多...”链接的最大事件（304）不要开火   拖动/调整大小时的eventMouseover / eventMouseout（1297）NEW   OPTIONS：

eventLimit事件   LimitClick   eventLimitText   dayPopoverFormat

来源

因此，您可以执行以下操作：

$('#calendar').fullCalendar({
    lang: 'en',
    eventLimit: true, // If you set a number it will hide the itens
    eventLimitText: "Something" // Default is `more` (or "more" in the lang you pick in the option)
});

取自：Fullcalendar, required files for limit number events per day with view more/ more button?

Answer 2

如果是月视图，配置应该是这样的：

 eventLimit: true,
  views: {
     month: {
       eventLimit: 3
     }
 }

此外，如果有多个事件，添加滚动条可能会有所帮助：

.fc-more-popover {
    overflow-y: scroll;
    max-height: 20%;
    max-width: 14%;
}

Answer 3

在v5.0.0-beta.2中，eventLimit选项似乎不起作用，但是dayMaxEvents选项却起作用。

来源：https://github.com/fullcalendar/fullcalendar/blob/d3a2b13db43cfe9a450091776da3be25a0ca15c0/packages/daygrid/src/TableRow.tsx#L40

示例：

var calendar = new Calendar(calendarEl, {
  dayMaxEvents: 3 // Can also be set as a boolean
});

Answer 4

将其设为

eventLimitText: function (numEvents) {
                        return "YourCustomText";
                    },

Answer 5

根据文档：https://fullcalendar.io/docs/eventLimit，

您可以根据自己的目标使用以下代码进行升级：

var calendar = new Calendar(calendarEl, {
  eventLimit: true, // for all non-TimeGrid views
    views: {
      timeGrid: {
      eventLimit: 6 // adjust to 6 only for timeGridWeek/timeGridDay
    }
  }
});

在这种情况下，日历中将仅显示一些元素，但每天的底部将显示一个链接+x more，其中x代表当天的记录总数随即弹出一个带有其他信息的模式窗口。

希望我能对您有所帮助！

编辑：

显然，eventLimit: true足以满足默认功能。

Answer 6

我创建了一个代码，以便它不会在日期单元格中允许更多的3个事件。

rfin

完整日历：限制每个单元格中的事件

6 个答案: