Как перейти к следующему месяцу, когда в представлении недели в реагирующем большом календаре

в настоящее время у меня есть представление в календаре, установленное на «неделя»

function CalendarSchedule({eventList=[]}) {

const localizer =momentLocalizer(moment);

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

export default CalendarSchedule;

кнопки «Назад» и «Далее» в представлении недели будут отображать следующую неделю при нажатии

Я хочу иметь две дополнительные кнопки, которые могут переходить к следующему или предыдущему месяцу при нажатии.


react-big-calendar
person david dami    schedule 24.09.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете сделать это, используя date в качестве управляемой опоры и пользовательскую панель инструментов для добавления дополнительных кнопок. onNavigate доступен в реквизите, поэтому вы используете это

const navTwoWeeks = () => {
  const {date, onNavigate} = this.props;
  // do your date math to figure out new date
  onNavigate(navigate.DATE, newDate);
};
person Steve -Cutter- Blades    schedule 25.09.2020