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>  

(