0

我正在使用 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 选择日期，它可以正常工作，如快照所示。

在此处输入图像描述

但是当我通过手动输入日期选择器控件输入日期时，它允许我输入那些被禁用的旧日期。

在此处输入图像描述

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

是否有任何财产或东西可以克服这个问题。

4

1 回答 1

1

尝试使用这个

<DatePicker
  ...
  onChangeRaw={e => e.preventDefault()}
/>
于 2019-04-11T07:04:08.183 回答