2017-02-24 8 views
0

私のプロジェクトで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を渡すしかありませんでした。しかし、私は日付があらかじめ選択されることを望んでいません。

答えて

1

私はv.0.40.0にバージョンをダウングレードすることは、問題を修正し、何openToDateが設定されていない場合openToDate値またはmaxDateに開くことがわかりました。

関連する問題