如何修改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
相关产品推荐
相关产品推荐

