我正在尝试在我的项目中使用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传递。但我不希望日期是预先选定的。
发布于 2017-02-24 21:32:37
我发现将版本降级到v.0.40.0可以解决这个问题,并打开openToDate值或maxDate (如果没有设置openToDate )。
https://stackoverflow.com/questions/42439417
复制相似问题