React-datepicker openToDate不起作用
问题描述:
我想在我的项目中使用react-datepicker,我把它封装起来,所以我可以很容易地将它与redux一起使用,但openToDate
prop似乎没有做任何事情。是否有其他人遇到过这种情况和/或是否找到了解决方法/解决方法。React-datepicker 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
作为默认值传递。但我不希望日期被预选。
答
我发现降级版本v.0.40.0
修复该问题,并打开了openToDate
值,或者如果没有openToDate
设置的maxDate
。