修改aldabil/react-scheduler月视图日期区间及selectedRange设置无效问题
问题:自定义@aldabil/react-scheduler月视图的显示日期区间
需求
- 使用@aldabil/react-scheduler组件,需调整月视图的显示范围:展示当前日期前1周至之后30天的内容,例如首行显示12月9日-15日那周,最后一行显示1月6日-12日那周,仅保留当前周及后续3-4周,避免冗余内容。
已尝试操作
- 根据文档说明,可通过ref调用日历的
handleState方法管理状态,官方示例:
calendarRef.current.scheduler.handleState(value, key);
- 调用该方法切换至日视图可正常生效:
schedulerRef.current.scheduler.handleState("day", "view");
- 通过控制台打印
schedulerRef.current.scheduler可看到selectedRange属性,但尝试用以下代码设置该属性时,视图无任何变化:
<button onClick={() => { console.log(schedulerRef.current.scheduler); schedulerRef.current.scheduler.handleState( { start: new Date(2024, 11, 9), end: new Date(2025, 0, 10), }, "selectedRange" ); }} > Some Component </button>
求助方向
希望获取修改月视图显示日期区间的可行解决方案。
内容的提问来源于stack exchange,提问作者Federico Perez Diduch
相关产品推荐
相关产品推荐

