FullCalendar v6.1.8资源模式下全天事件跨资源显示需求咨询
FullCalendar高级版v6.1.8资源模式全天事件显示问题
我已购买FullCalendar高级版,当前运行v6.1.8版本,资源模式是我购置该授权的核心原因。目前遇到问题:全天事件会在每个资源列中显示。
当前效果截图:
以下是名为“Training”的全天事件JSON数据:
[ { "id": 145, "resourceIds": [ 1, 2, 11 ], "start": "2024-11-27 00:00:00", "end": "2024-11-30 00:00:00", "title": "Training", "editable": true, "clickable": true, "allDay": true, "backgroundColor": "#616161" } ]
我希望全天事件能在对应日期跨所有资源列显示,即跨多天的全天事件仅显示一个区块。请问是我遗漏了配置,还是FullCalendar不支持该功能?
解决方案
FullCalendar高级版支持跨资源列显示全天事件,你只需调整事件配置或日历设置:
- 移除事件的
resourceIds字段
你的事件当前指定了resourceIds数组,FullCalendar会将事件渲染在每个指定的资源列中。如果需要事件跨所有资源列显示,直接删除resourceIds属性,让事件成为全局全天事件。
修改后的事件示例:
[ { "id": 145, "start": "2024-11-27 00:00:00", "end": "2024-11-30 00:00:00", "title": "Training", "editable": true, "clickable": true, "allDay": true, "backgroundColor": "#616161" } ]
- 确认日历基础配置
确保日历初始化时allDaySlot为true(默认开启),该配置控制全天事件区域的显示,全局全天事件会自动渲染在这个区域的顶部,跨所有资源列展示。
如果需要事件关联特定资源但仍保持跨列显示,可结合resourceGroupField将事件绑定到资源组,但这种场景更适合资源有明确分组的情况。对于你的需求,最直接有效的方式就是移除resourceIds字段。
内容的提问来源于stack exchange,提问作者cellover
相关产品推荐
相关产品推荐

