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

修改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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.15 11:19:59