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

如何设置eventConstraint属性以使用资源级别的营业时间?

如何为不同资源设置基于各自营业时间的eventConstraint
  • 第一步:给每个资源配置独立的businessHours
    在定义资源数组时,为每个资源对象添加专属的businessHours属性,示例代码如下:

    resources: [
      {
        id: 'res1',
        title: '会议室A',
        businessHours: {
          daysOfWeek: [1,2,3,4,5],
          startTime: '08:30',
          endTime: '18:00'
        }
      },
      {
        id: 'res2',
        title: '会议室B',
        businessHours: {
          daysOfWeek: [1,2,3,4],
          startTime: '09:00',
          endTime: '17:30'
        }
      }
    ]
    
  • 第二步:将顶层的eventConstraint设为'businessHours'
    在日历的核心配置中,把eventConstraint的值设置为'businessHours',这样FullCalendar会自动关联事件所属资源的营业时间来做约束,示例:

    const calendar = new FullCalendar.Calendar(document.getElementById('calendar'), {
      resources: resources,
      events: yourEventData,
      eventConstraint: 'businessHours', // 关键配置
      // 其他日历配置项...
    });
    calendar.render();
    
  • 额外说明

    • 如果资源的营业时间有特殊规则(比如周末有不同时段),可以给businessHours传数组格式的配置
    • 当事件涉及多个资源时,eventConstraint会校验所有关联资源的营业时间,只有所有资源的对应时段都允许,事件才能被创建或调整

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.25 23:42:36