如何在反应大日历的周视图中导航到下个月

Question

我目前将日历中的视图属性设置为 'week'

function CalendarSchedule({eventList=[]}) {

const localizer =momentLocalizer(moment);

return (
        <Calendar
            localizer={localizer}
            view='week'
            events={eventList}
            startAccessor="start"
            endAccessor="end"
        />
       )
      }

export default CalendarSchedule;

点击周视图中的后退和下一个按钮将显示下一周

我想要两个额外的按钮，点击它们可以跳到下个月或上个月。

Answer 1

您可以使用 date 作为受控道具，并使用自定义工具栏来添加其他按钮。 onNavigate在道具中可用，所以你使用这个

const navTwoWeeks = () => {
  const {date, onNavigate} = this.props;
  // do your date math to figure out new date
  onNavigate(navigate.DATE, newDate);
};

如何在反应大日历的周视图中导航到下个月

How to navigate to the next month when in the week view in react big calendar

react-big-calendar