Reactstrap 日期输入 - 块键盘答案

【问题标题】：Reactstrap Date Input - Block KeyboardReactstrap 日期输入 - 块键盘
【发布时间】：2022-11-11 09:44:02
【问题描述】：

使用Reactstrap，更重要的是，使用输入（带有“日期”类型）

<Input type="date" name="date" 
    onChange={this.setStart}
    style={{backgroundColor:"white",marginTop:10,height:50}}
    value={this.state.order.start_date}
    defaultValue={this.state.order.start_date}
    id="exampleDate" placeholder={translate("Start Date")} />

这会生成一个输入框，在框的右侧有一个日历图标。单击该图标会弹出一个日历小部件供用户选择。皱纹是我想阻止用户通过键盘更改日期的能力（防止他们输入无效的日期）。我尝试了几种使用 onKey* 的方法，但没有运气。如何防止用户通过键盘更改日期（完全依赖小部件）？

【问题讨论】：

标签： reactjs input reactstrap

【解决方案1】：

答案是：

onKeyDown={(e) => { e.preventDefault(); }}

【讨论】：