Datepicker 只显示前一个日期，而不是最近选择的日期

Question

我正在使用 React，并且在 DatePicker 中有组件。

目前，当我在 DatePicker 中 select 一个日期时，我只能在控制台中打印之前 select 编辑的日期，所以当我第一次访问该网页时，它总是告诉我默认日期2021 年 1 月 1 日，而不是我 selected.

的日期

如何让日期选择器显示 selected 日期而不是之前的 selected 日期？

我的代码：

import DatePicker from "react-datepicker";

const [startDate, setStartDate] = useState(new Date());
const [endDate, setEndDate] = useState(new Date());

const handleChange = date => {
    const valueOfInput = date;
    console.log(valueOfInput)
  };

<div> 
          From
          <DatePicker selected={startDate} onChange={(v => setStartDate(v))} dateFormat="yyyy-MM" showMonthYearPicker showFullMonthYearPicker showTwoColumnMonthYearPicker todayButton="Today" maxDate={new Date()} placeholderText='Results from:' defaultDate={''}/>
          To
          <DatePicker selected={endDate} onChange={(v => setEndDate(v))} dateFormat="yyyy-MM" showMonthYearPicker showFullMonthYearPicker showTwoColumnMonthYearPicker todayButton="Today" maxDate={new Date()} placeholderText='Results to:' defaultDate={''}/>
      </div>

选择一个日期，例如 2011 年 2 月，当前产生： Fri Jan 01 2021 14:49:33 GMT-0500 (Eastern Standard Time)

但是当我点击它时它应该产生： Fri Feb 01 2011 14:49:33 GMT-0500 (Eastern Standard Time)

Answer 1

我认为我们遗漏了一些信息，您的 Datepicker 组件引用了一个 startDate 变量，我在任何地方都没有看到定义。

但是要回答你的问题。

如果只渲染一个 Datepicker 组件会怎样？也许您是其中 1 个组件而不是另一个组件的日志。

Datepicker 只显示前一个日期，而不是最近选择的日期

Datepicker displays only the previous date, not the most recently selected date

javascript

reactjs

datepicker