reactjs - react-calender defaultStartDate面临问题

Question

我正在使用反应日历。有两个日历，一个是开始日期，另一个是结束日期。考虑开始日期显示 5 月，然后我选择 7 月 1 日。我设置结束日期的默认值将选择开始日期月份（结束日期应显示 7 月月份）但它仍然只显示当前月份。

在这里，我添加了代码和框链接。如何解决这个问题？

https://codesandbox.io/s/nostalgic-murdock-q11cv?file=/src/App.js

Answer 1

根据各自的状态为startDate和和设置值保持2种不同的状态。endDate

export default function App() {
  const [startDate, setStartDate] = useState(new Date());
  const [endDate, setEndDate] = useState(null);

  return (
    <div className="App">
      <h1> Start Date </h1>
      <Calendar onChange={(date) => setStartDate(date)} value={startDate} />
      <h1> End Date </h1>
      <Calendar onChange={(date) => setEndDate(date)} value={endDate} />
    </div>
  );
}

CODESANDBOX 演示