完整日历 4.0 fc-更多（2+ 更多） 弹出窗口在骑行

Question

我需要与每天单元格块中弹出窗口消失相关的帮助，当一天内事件太多时，将显示一个看起来像“+2更多”的链接。如何避免这个弹出窗口，我的要求是默认的事件Limit：2和接下来，对于剩余的它应该显示一个按钮，然后单击此按钮，它应该导航到类似于上面屏幕截图中的日间模式。

Answer 1

然后使用 fullcalendar.io/docs/eventLimitClick 更改单击该链接时发生的情况。如果您注意到，其中一个选项是“天”。– ADyson 非常感谢 Adyson

Answer 2

在日历初始化中使用下面的函数，我们可以删除默认的更多链接文本“+n more”。

eventLimitText: function() {

return " ";

}

使用以下CSS（在HTML样式标签中），我们可以插入一个类似外观的按钮，而不是默认文本。

a.fc-more {background-size: contain;cursor: pointer;width: 14px;height: 6px;

letter-spacing: 1px;

background-image: url(dots.png);

background-color: #F0F0F0;

border-top: 1px solid #CCCCCC;

border-right: 1px solid #CCCCCC;

border-bottom: 1px solid #CCCCCC;

border-left: 1px solid #CCCCCC;

border-radius: 4px;

margin-top: 10px;

float: right;

background-position: center;

}

点.png是具有 3 个水平点的图像。在日历实例化中使用以下功能，我们可以单击“更多按钮”以更改为日视图。

eventLimit: 3,

eventLimitClick: function(cellInfo) {

calendar.gotoDate(cellInfo.date);

calendar.changeView('timeGridDay');

}

下图是我的本地日历点击更多按钮视图与悬停文本（点击更多单元格）和悬停css样式为：

a.fc-more:hover:after {

 content: 'Click for more cells';

 font-size: 9px;

 text-align: center;

 position: absolute;

 margin-top: -2px;

 margin-left: 15px;

 line-height: 2em;

 width: 12em;

 border-radius: 0.3em;

 background: #ffffcc;

 display: inline-block;

 }