我想在reactjs中验证minDate和maxDate，因为maxDate应该是minDate +5年

Question

minDate =今天

maxDate = minDate +5年

我什么都没试过。寻求解决

Answer 1

您可以有一个包含当前date的变量，并将其设置为minDate，然后将其添加到其中5年，并将其用作maxDate。

const currentDate = new Date()

function addYears(date, years) {
  date.setFullYear(date.getFullYear() + years);
  return date;
}

  return (
    <DatePicker
      ...props here
      minDate={currentDate}
      maxDate={addYears(currentDate, 5)}
    />
  );

Answer 2

如果你已经有了dayjs，你可以做一些类似的事情

const minDate = dayjs();
const maxDate = minDate.add(5, 'year');
// const maxDate = minDate.add(5, 'y');

return (
  <DatePicker
    ...props
    minDate={minDate}
    maxDate={maxDate}
  />
);

Answer 3

import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";


() => {
  const [startDate, setStartDate] = useState(null);
  return (
    <DatePicker
      selected={startDate}
      onChange={(date) => setStartDate(date)}
      minDate={new Date()}
      maxDate={addMonths(new Date(), 60)}
      placeholderText="Select a date between today and 5 years in the future"
    />
  );
};