javascript - airbnb/react-dates - 无法在日期字段中编辑/输入

Question

我正在使用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 中我有“ react 日期”:“^12.6.0”

我正在使用以下 Prop 并在 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,
      />

Answer 1

在此版本中光标不可见，但您仍然可以在字段中书写。如果不是，请尝试将 readOnly 强制设置为 false