如何不允许用户使用选择选项在输入字段中输入值

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>  

（