Javascript 完整日历4.0 fc更多（2+更多）弹出式骑乘

我需要帮助有关消失的弹出窗口在每一天的细胞块，当有太多的事件在一天，一个链接，看起来像“+2多”显示。如何避免这个弹出窗口，我的要求是默认的eventLimit:2，下一步对于剩余的它应该显示一个按钮，点击这个按钮，它应该导航到与上面截图类似的日间模式

谢谢和问候，

---

Prabha

然后使用fullcalendar.io/docs/eventLimitClick更改单击该链接时发生的情况。如果您注意到，其中一个选项是day阿德森

---

非常感谢Adyson

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

eventLimitText: function() {
return " ";
}

使用下面的CSSin 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;
}

dots.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;
 }

---

您是否研究过文档的这一部分：？我认为它为您提供了完成要求所需的信息。如果您在阅读后仍有问题，请显示您尝试的代码并解释您的问题所在。谢谢。您好@ADyson，我读到了，我的要求是我不想看到默认的模式弹出窗口，我想像附件中提到的那样放置一个带有3个点的小按钮，然后单击该按钮，然后monthview应该更改为dayview。谢谢你的回复。好的，你可以使用我给你的信息来完成所有这些。您从文档中没有了解到什么？有一种方法可以更改链接的文本，也有一种方法可以更改单击链接时发生的情况。阅读此处列出的所有选项的特定文章。然后使用更改单击该链接时发生的情况。如果你注意到的话，其中一个选择就是白天。真的，你在我最后一次评论五分钟后才回复，再次询问。显然，您没有时间全面阅读该文档并实际尝试一些东西。如果你不尝试，你就不会学习或成功，是吗？试试看，如果你仍然卡住了，展示你的代码。然后我们可以再谈。