You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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高级版支持跨资源列显示全天事件,你只需调整事件配置或日历设置:

  1. 移除事件的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"
    }
]
  1. 确认日历基础配置
    确保日历初始化时allDaySlot为true(默认开启),该配置控制全天事件区域的显示,全局全天事件会自动渲染在这个区域的顶部,跨所有资源列展示。

如果需要事件关联特定资源但仍保持跨列显示,可结合resourceGroupField将事件绑定到资源组,但这种场景更适合资源有明确分组的情况。对于你的需求,最直接有效的方式就是移除resourceIds字段。

内容的提问来源于stack exchange,提问作者cellover

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.15 22:28:28