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

如何修改FullCalendar默认周末(周六周日)为其他日期?

修改FullCalendar自定义周末设置的方法

要把FullCalendar默认的周六、周日周末改成其他日期,你需要调整两个关键配置项,同时清理代码里的重复配置:

1. 替换weekends属性为weekendDays

FullCalendar的weekends属性仅作为布尔值控制是否显示周末;而weekendDays属性可以指定具体哪些天作为周末。

找到代码里的这一行:

weekends:true, 

替换为weekendDays数组,数组里的数字对应一周中的日期(0=周日,1=周一,2=周二,3=周三,4=周四,5=周五,6=周六)。

比如你想把周四和周五设为周末,就写:

weekendDays: [4, 5], // 周四、周五作为周末

2. 清理重复的businessHours配置

你的代码里重复定义了businessHours:先写了businessHours: false,又写了一个businessHours对象,这会导致后者覆盖前者,引发配置冲突。保留其中一个即可,比如保留自定义的工作日配置:

// 移除这一行:businessHours: false,
businessHours: { 
  daysOfWeek: [0,1,2,3,6], // 根据自定义周末调整工作日(示例为排除周四、周五)
  startTime: '10:00',
  endTime: '19:00',
},

修改后的完整关键配置片段

// ...其他配置不变
nowIndicator:true,
weekendDays: [4, 5], // 替换原来的weekends:true,指定自定义周末日期
// businessHours: false, // 移除重复配置
businessHours: { 
  daysOfWeek: [0,1,2,3,6], // 调整为你的工作日范围
  startTime: '10:00',
  endTime: '19:00',
},
// ...其他配置不变

说明

  • weekendDays数组里的数字可以任意组合,比如想把周一设为周末就写[1],想把周三和周日设为周末就写[0,3]。
  • 如果需要隐藏周末,可在设置weekendDays后添加weekends: false,但自定义周末通常是要显示它们并标记为周末样式。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.18 17:20:56