2017-09-20 50 views
0

我正在使用airbnb/react-dates用戶選擇或鍵入開始日期和結束日期。但是我無法編輯日期字段。我可以選擇日期,但無法輸入日期字段。airbnb/react-dates - 無法編輯/輸入日期字段

我試着閱讀下面的鏈接,但至今沒有運氣 https://github.com/airbnb/react-dates http://airbnb.io/react-dates/?selectedKind=DateRangePicker%20%28DRP%29&selectedStory=default&full=0&down=1&left=1&panelRight=0&downPanel=kadirahq%2Fstorybook-addon-actions%2Factions-panel https://github.com/airbnb/react-dates/issues/79

在我的package.json我有 「反應 - 日期」: 「^ 12.6.0」

我使用以下道具並在Chrome中運行它。

<DateRangePicker 
     className="clientsPaging" 
     displayFormat={"YYYY-MM-DD"} 
     startDate={this.state.startDate} // momentPropTypes.momentObj or null, 
     endDate={this.state.endDate} // momentPropTypes.momentObj or null, 
     onDatesChange={this.datesChanged} // PropTypes.func.isRequired, 
     isOutsideRange={() => false} 
     focusedInput={this.state.focusedInput} // PropTypes.oneOf([START_DATE, END_DATE]) or null, 
     onFocusChange={focusedInput => this.setState({ focusedInput })} // PropTypes.func.isRequired, 
     /> 
+0

這應該是默認的編輯,其實前陣子我關於這個問題,我打開了一個[問題](https://github.com/airbnb/react-dates/issues/496),但我的要求是增加一個'readonly'以防止打字。據我所知它默認是錯誤的,因此你應該能夠輸入和編輯。當您嘗試輸入時,是否在控制檯中發現任何錯誤?順便說一下你在移動/觸摸屏上或使用正常的鼠標和鍵盤? –

+0

沒有錯誤,它只是不允許我輸入。我在Mac上使用正常的鼠標和鍵盤。瀏覽器是鉻。 –

回答

1

光標是不是在這個版本中可見,但你仍然可以在現場寫.. 如果不是,試圖迫使readOnlyfalse