Question

我正在尝试在我的项目中使用react-datepicker并将其包装好以便我可以轻松地将其与redux一起使用，但openToDate道具似乎没有做任何事情。有没有其他人经历过这个和/或找到了修复/解决方法。

这是我的控制

export function renderDatePicker ({input, placeholder, defaultValue, meta: {touched, error}, ...custom }){
return (
    <div className="form-group">
        <DatePicker
            {...input}
            {...custom}
            dateFormat="MMDDYYYY"
            selected={input.value ? input.value : null}
            placeholderText={placeholder ? placeholder : ''}
            isClearable={!custom.disabled}
            className="form-control" />
        {touched && error && <span className="error">{error}</span>}
    </div>
  );
}

以及我如何使用它......

<Field name="StartdDate"
   component={renderDatePicker}
   openToDate={this.props.minDate}
   minDate={this.props.minDate}
   maxDate={this.props.maxDate}
   placeholder="Select Start Date"
   showMonthDropdown
   showYearDropdown />

我的大多数使用案例都将可选日期限制为前几年，并将其限制在仅当年（即1990年1月1日 - 1990年12月31日）。所以总是打开当前日期有点烦人，这就是为什么我希望openToDate打开到最小允许日期。由于某种原因，它始终打开到当前日期。

我让它打开到最小日期的唯一方法是将selected设置为默认为defaultValue并传入this.props.minDate作为defaultValue。但我不希望预先选择日期。

Answer 1

我发现将版本降级为v.0.40.0会解决问题，如果未设置openToDate，则会打开maxDate值或openToDate。

React-datepicker openToDate不起作用

1 个答案: