Реагирует на указатель даты, устанавливая минимальную и максимальную дату

Question

Я использую реагирующее средство выбора даты в моем проекте.
Мне нужно отображать только дни для определенного c месяца (скажем, февраль 2020 года). У меня сложилось впечатление, что я могу передавать изо-даты как 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"
    />
  );
  };

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"
/>

Answer 2

minDate и maxDate являются Date объектами, не String.

<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 Date

React DatePicker Documentation