Изменение даты компонента antd Calendar с помощью совершенно отдельной кнопки - PullRequest
0 голосов
/ 25 октября 2019

У меня есть компонент, использующий компонент календаря antd, который поставляется с собственным заголовком для навигации по нему, как показано в документах . Однако мне нужно манипулировать тем, какой месяц / год отображается в календаре с помощью совершенно отдельного компонента. Я знаю, что могу настроить его заголовок, но для того, что я делаю, это не решение.

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

function MyCalendar () {
  const [month, changeMonth] = useState(10)
  const [year, changeYear] = useState(2019)
  return (
    <>
      <Button onClick={() => changeMonth(0)}>Change month to January</Button>
      <Button onClick={() => changeYear(1990)}>Change year to 1900</Button>
      <Calendar
        // what do I pass in to chose the month/year being displayed base on month and year??
        // value={new Date(`${year}/${month}/01`)}
        mode='month'
      />
    </>
  )
}

Я, вероятно, должен отметить, что я знаю, что опора value используется для выбора конкретной даты, и она показывает месяц и год, в который выпередать, но я не хочу менять выбранную ячейку даты, которая должна быть сохранена на текущий день. Поэтому я думаю, мне нужно сохранить выбранную ячейку, какой бы день ни был, но изменить отображение месяца и года в соответствии с состоянием month и year.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...