私のプロジェクトでreact-datepickerを使用しようとしていますが、私は簡単にreduxで使用することができるようにラップしていますが、openToDate
小道具は何もしていないようです。他の誰かがこの問題を経験しているか、修正プログラム/回避策を見つけましたか?React-datepicker openToDateが動作しません
はここに私のユースケースのほとんどは前の年に、選択可能な日数を制限し、唯一のその年に限定し
<Field name="StartdDate"
component={renderDatePicker}
openToDate={this.props.minDate}
minDate={this.props.minDate}
maxDate={this.props.maxDate}
placeholder="Select Start Date"
showMonthDropdown
showYearDropdown />
...私のコントロール
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>
);
}
そして、どのように私はそれを使用します(つまり、 1990年1月1日〜1990年12月31日)。だから、いつも現在の日付に開くのは厄介なものなので、openToDate
を最小限の許可日まで開きたいと思っています。何らかの理由で、常に現在の日付まで開きます。
私が最小日付まで開くには、selected
をデフォルト値のdefaultValue
に設定し、defaultValueとしてthis.props.minDate
を渡すしかありませんでした。しかし、私は日付があらかじめ選択されることを望んでいません。