微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

REACT-DATE-PICKER 当 maxDate 小于当前月份或年份时,打开时显示当前月份的日历

如何解决REACT-DATE-PICKER 当 maxDate 小于当前月份或年份时,打开时显示当前月份的日历

useState(() => {
    const dateMin = new Date();
    const dateMax = new Date();
    const subtractionOfYearsMin = 100;
    const subtractionOfYearsMax = 15;
    dateMin.setFullYear(dateMin.getFullYear() - subtractionOfYearsMin); // For subtract use minus (-)
    setMinDate(dateMin);
    dateMax.setFullYear(dateMax.getFullYear() - subtractionOfYearsMax); // For subtract use minus (-)
    setMaxDate(dateMax);
  },[]);
<DatePicker
                ref={dobPickerRef}
                onChange={(date) => {
                  if (date) {
                    setSelectedDate(date);
                    let formatedDate = format(date,"dd/MM/yyyy");
                    validatedob(formatedDate);
                  } else {
                    setSelectedDate(null);
                    setIsdobVaild(false);
                  }
                }}
                name="newdob"
                dayPlaceholder="dd"
                monthPlaceholder="mm"
                yearPlaceholder="yyyy"
                maxDate={maxDate}
                format="dd/MM/yyyy"
                value={selectedDate}
                inputProps={{ readOnly: true }}
                readOnly
                minDate={minDate}
              />

以上代码打开当月, 在打开 s 时,因为最大日期是 15 年前。

我希望这能在 15 年前打开。

我用过的包是react-date-picker

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。