Fullcalendar中如何将两个事件在同一行关联?groupId属性无效
事件同行关联问题解决办法
先看你提供的日程截图:
针对你说的用groupId没生效的情况,大概率是用法细节没做对,给你几个排查和解决方向:
- 检查
groupId的一致性:两个事件的groupId必须完全一模一样,大小写、空格都不能错,比如一个写"meeting-group"另一个写"Meeting-Group"就不行 - 确认组件配置:如果是FullCalendar这类日程组件,要确保事件的
display属性没设成list-item这类会强制独占一行的模式,默认auto就可以 - 版本兼容问题:老版本的日程组件对
groupId的支持有bug,直接升级到最新稳定版试试 - 自定义兜底方案:如果以上都没用,直接用CSS硬控:
给两个事件加同一个自定义类(比如linked-event),然后写样式:.linked-event { display: inline-block; width: calc(50% - 8px); margin-right: 4px; }
内容的提问来源于stack exchange,提问作者Waiyan Myothet
相关产品推荐
相关产品推荐

