React-datepicker：仅在 18 岁及以上时才启用设置日期

我有一个表单，用户可以在其中提交一些所需的信息

其中一个字段是出生日期

我在用反应日期选择器 https://github.com/Hacker0x01/react-datepicker该特定领域的包

一段代码如下所示：

        <label>
          <DatePicker
            autoComplete='off'
            dateFormatCalendar="MMMM"
            showYearDropdown
            scrollableYearDropdown
            onChange={this.handleChange}
            selected={this.state.formData.dob}
            maxDate={moment().subtract(6570, "days")}
            minDate={moment()}
            placeholderText="Date of birth"
            name="dob"
            customInput={
              <Input type='text' onKeyPress={e => e.preventDefault()} validations={[required]} value={this.state.formData.dob} />
            }
          />
        </label>

6570 = 18*365 是从 18 年转换而来的天数，我知道这不是一个固定的天数，因为还有 364 天

这是日期选择器无法选择日期的屏幕截图

https://gyazo.com/4d66a8e59dbca5e79c3af7d6de139d21 https://gyazo.com/4d66a8e59dbca5e79c3af7d6de139d21

有什么想法或建议可以让年满 18 岁的用户提交表单吗？

谢谢你！

这个问题可以通过使用来解决具体日期范围 https://reactdatepicker.com/#example-14例子。

<DatePicker
    selected={this.state.startDate}
    onChange={this.handleChange}
    minDate={moment().subtract(500, "years")}
    maxDate={moment().subtract(18, "years")}
    showDisabledMonthNavigation
/>

您可以查看工作演示Codesandbox.io https://codesandbox.io/s/4z3r3nww49.