javascript React大日历:日视图,时间在接下来几天的01am结束

2cmtqfgy  于 2022-12-21  发布在  Java
关注(0)|答案(1)|浏览(123)

我目前正在开发一个预订系统,我正在使用React大日历。

    • 背景**:一个机构在上午9点开放,在凌晨2点(第二天)关闭,他们的客户可以从晚上23点预订到凌晨1点。
    • 目标**:显示从第二天上午9点开始到凌晨2点结束的日视图
    • 问题**:有没有可能用React大日历来实现这个目标?如果没有,有人知道我可以使用的库吗?

"我努力过"

<Calendar
    selectable
    min={new Date(2020, 9, 15, 9, 0, 0)}
    max={new Date(2020, 9, 16, 1, 0, 0)}
    date={selectedDay}
    localizer={localizer}
    defaultView={'day'}
    views={['day']}
    step={30}
    timeslots={2}
    events={events}
    onSelectSlot={handleSelectSlot}
/>

不工作,如果一个事件开始于晚上23点,结束于凌晨01点,它被标记为全天事件。
谢谢你的帮助:)

ajsxfq5m

ajsxfq5m1#

您只需要启用showMultiDayTimes属性,例如:

return (
    <div style={{ height: 800 }}>
      <Calendar localizer={localizer} events={events} showMultiDayTimes={true} />
    </div>
  );

这里有一个sandbox example

相关问题