reactjs - React-datepicker: 只有 18 岁及以上才可以设置日期

Question

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

其中一个字段是出生日期

我正在使用 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

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

谢谢!

Answer 1

这个问题可以通过使用 Specific date range 来解决示例。

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

您可以在 codesandbox.io 上查看工作演示.