我想验证reactjs中的minDate和maxDate,因为maxDate应为minDate +5年

busg9geu  于 2022-11-22  发布在  React
关注(0)|答案(3)|浏览(124)

minDate =今天
最大日期=最小日期+5年
我没有尝试任何事情。寻求解决方案

hzbexzde

hzbexzde1#

您可以有一个变量,其中包含今天的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)}
    />
  );
a8jjtwal

a8jjtwal2#

如果您已经有dayjs,您可以执行如下操作

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

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

fafcakar3#

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"
    />
  );
};

相关问题