React datepicker 设置最小和最大日期

Question

我在我的项目中使用 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"
    />
  );
  };

原文由 greatTeacherOnizuka 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

将您的日期（使用该格式）作为字符串传递给 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"
/>

原文由 zb22 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

minDate 和 maxDate 是 Date 对象不是 String a4.7

 <DatePicker
  selected={startDate}
  onChange={date => setStartDate(date)}
  minDate={new Date(2020, 1, 1)}
  maxDate={new Date(2020, 1, 29)}
  placeholderText="Select a date in February 2020"
/>

MDN 日期

React DatePicker 文档

原文由 Marko Savic 发布，翻译遵循 CC BY-SA 4.0 许可协议