如何将React Big Calendar每日时间范围改为08:00 AM起始？

当然可行，用下面两个关键配置就能搞定：

当前显示效果 #

期望显示效果 #

具体配置方法 #

• 让日历加载时自动滚到8点
  你代码里已经用了scrollToTime属性，只要把这个变量设置成当天的08:00 AM就行：

  // 定义scrollToTime
  const scrollToTime = new Date();
  scrollToTime.setHours(8, 0, 0, 0); // 固定为早上8点
  

• 直接隐藏8点前的时间段（可选）
  如果不想让用户看到或滚到8点之前的时间，可以再加min和max属性限制显示范围：

  const minTime = new Date();
  minTime.setHours(8, 0, 0, 0);
  const maxTime = new Date();
  maxTime.setHours(22, 0, 0, 0); // 比如设置到晚上10点结束
  
  // 给DnDCalendar加上这两个属性
  <DnDCalendar
    // 你原来的其他属性...
    min={minTime}
    max={maxTime}
    scrollToTime={scrollToTime}
  />
  

对你现有代码的提示 #

你已经写了scrollToTime={scrollToTime}，重点就是把scrollToTime变量正确赋值成当天8点。要是需要严格限制显示范围，就加上min和max参数。

内容的提问来源于stack exchange，提问作者Lokesh thakur