React datepicker 设置最小和最大日期

gre*_*uka 2 javascript reactjs react-datepicker

我在我的项目中使用 react-datepicker。
我只需要显示特定月份的天数(比如 2020 年 2 月)。我的印象是我可以将 iso 日期作为 minDate 和 maxDate 传递,但这似乎不起作用。

我的代码:

   const DatePickerMod = () => {
    const [startDate, setStartDate] = useState(null);
  return (
    <DatePicker
      selected={startDate}
      onChange={date => setStartDate(date)}
      minDate={'02-01-2020'}
      maxDate={'02-29-2020}
      placeholderText="Select a date in February 2020"
    />
  );
  };
Run Code Online (Sandbox Code Playgroud)

zb2*_*b22 5

将您的日期(使用该格式)作为字符串传递给new Date()这样的实例:

 <DatePicker
    selected={startDate}
    onChange={date => setStartDate(date)}
    minDate={new Date("02-01-2020")}
    maxDate={new Date("02-29-2020")}
    placeholderText="Select a date in February 2020"
/>
Run Code Online (Sandbox Code Playgroud)