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

标签 javascript reactjs react-day-picker

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

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

最佳答案

好的, 我只需要像这样添加 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>  

(

关于javascript - 如何不允许用户在带有选择选项的输入字段中输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47529079/

相关文章:

javascript - 返回 null mysql nodejs

javascript - 搜索过滤器上的 jquery - 如果没有 <option> 匹配 [Safari 浏览器],则换行 <optgroup>

javascript - 无法编译意外标记 57 :1 Return(

javascript - 如何避免将相同的 prop 传递给每个组件?

javascript - 当响应返回适当的错误消息React时处理提取错误

javascript - `DatePickerInput` "className"属性为 `&lt;input/>`

reactjs - 日期选择器 - 禁用今天之前的几天不起作用

javascript - 如何读取嵌套的 innerHtml 并将背景添加到父级?

javascript - React - 无法获取 this.refs

react-day-picker - 在 react 日选择器输入中修改输入字段的宽度