У меня есть компонент, использующий компонент календаря 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
.