react-datepicker接受使用minDate属性禁用的旧日期

时间:2019-04-11 06:47:44

标签: reactjs react-datepicker

我正在使用react-datepicker,就像下面具有minDate属性一样。

<DatePicker
  className="form-control"
  minDate={new Date()} 
  selected={this.props.GrantExpiryDate} 
  onChange={(e) => { this.props.onGrantExpiryDateSubmit(e); }} 
  disabled={disableControl} />
  {this.props.GrantExpiryDate == null ? <div className={styles.requiredValidation}>Please select a date</div> : ''}

如果我使用DatePicker选择“日期”,则工作正常,如快照中所示。

enter image description here

但是当我通过手动输入日期选择器控件输入日期时,它允许我输入较早的日期,而这些日期已被禁用。

enter image description here

我知道这可以通过自定义函数来处理,但这仍然不是我从minDate属性期望的行为。

是否有任何财产或其他东西可以解决此问题。

1 个答案:

答案 0 :(得分:1)

尝试使用此

<DatePicker
  ...
  onChangeRaw={e => e.preventDefault()}
/>