Reactjs React大日历只显示特定的时间范围
嗨,我正在使用。默认情况下,日历在“周”和“日”视图中显示从上午12:00到晚上11:30的时间,但我只想显示从上午7:00到下午7:00的时间范围。我已尝试通过隐藏不需要的行来修改css,但日历上的事件项仍保留在原来的位置(例如:上午7:00发生的事件将保留在上午10:30)。这是我的SCS:Reactjs React大日历只显示特定的时间范围,reactjs,react-big-calendar,Reactjs,React Big Calendar,嗨,我正在使用。默认情况下,日历在“周”和“日”视图中显示从上午12:00到晚上11:30的时间,但我只想显示从上午7:00到下午7:00的时间范围。我已尝试通过隐藏不需要的行来修改css,但日历上的事件项仍保留在原来的位置(例如:上午7:00发生的事件将保留在上午10:30)。这是我的SCS: .rbc-time-content { align-items: normal!important; .rbc-time-gutter.rbc-time-column, .rbc-day-s
.rbc-time-content {
align-items: normal!important;
.rbc-time-gutter.rbc-time-column,
.rbc-day-slot.rbc-time-column {
.rbc-timeslot-group:nth-child(n+1):nth-child(-n+14),
.rbc-timeslot-group:nth-child(n+40):nth-child(-n+48) {
display: none;
height: 0!important;
}
}
}
使用最小/最大值:
<Calendar min={new Date(2020, 1, 0, 7, 0, 0)} max={new Date(2020, 1, 0, 19, 0, 0)} />
使用最小/最大值:
<Calendar min={new Date(2020, 1, 0, 7, 0, 0)} max={new Date(2020, 1, 0, 19, 0, 0)} />