Question

我正在构建一个基于反应的电子应用程序，偶然发现了日期字段的问题。

将input字段与type='date'一起使用时，onChange事件不会被触发。此外，我似乎无法输入完整日期，只要我修改它重置日期的第三个组成部分。

所以默认状态（渲染的输入字段，值的反应状态是＆＃34;＆＃34;）是tt.mm.jjjj（德语），我认为它转换为mm / dd / yyyy。我可以关注该领域并输入01＆gt; 01，然后它声明：01.01.jjjj。一旦我输入一年的一个号码，一切都会被恢复为tt.mm.jjjj

我创建了一个带有输入[type = date]元素的空html文件，它在chrome中工作，所以它似乎是反应组件，这是错误的。

我的组件如下：

<input
    type="date"
    className="input-group-field"
    name="birthdate"
    id="birthdate"
    value={this.state.birthDate}
    onChange={event => this.setState({birthdate: event.target.value})}
/>

电子= 1.7.8
Chromium = 7.9.0
React = 15.6.2

有关如何解决这个问题的想法吗？

Answer 1

this.state.birthDate和this.setState({birthdate: event.target.value})}错误。

setState区分大小写。尝试：

this.setState({birthDate: event.target.value})}

React input [type = date]组件无法正常工作

1 个答案: