javascript - 如何不允许用户在带有选择选项的输入字段中输入值

Question

我使用 react-day-picker(DayPickerInput 组件)，我希望当用户点击相关字段时，当日期选择器窗口打开时，用户将无法使用键盘输入值，并且他可以通过弹出窗口更改值。

我不知道这是一个DayPickerInput的属性(我搜索了没找到)，还是字段本身的通用属性...

Answer 1

好的，我只需要像这样添加 readOnly:

<DayPickerInput
    readOnly // just it!!
    dayPickerProps={{localeUtils: MomentLocaleUtils, locale:"he"}}
    className={theme.dayPicker}
    placeholder={this.props.hintText}               
    value={value}
    onDayChange={(date: moment.Moment) => this.handleChange(date.toDate())}>                    
</DayPickerInput>  

(