我正在构建一个基于React的电子应用程序,偶然发现了一个日期字段的问题。
当input
字段与type='date'
一起使用时,onChange
事件不会被触发。此外,我似乎不能输入完整的日期,只要我修改了日期的第三个组成部分,它就会重置。
所以默认状态(渲染的输入字段,值为“”的状态)是tt.mm.jjjj(德语),我想它会转换为mm/dd/yyyy。我可以聚焦字段并输入01〉01,然后它会显示:01.01.jjjj.只要我键入一个年份数字,一切都会恢复为tt.mm.jjjj
我用input[type=date]元素创建了一个空的html文件,它在chrome中工作,所以它看起来像是react-component,这是有缺陷的。
我的元件看起来像:
<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
- chrome = 7.9.0
- React= 15.6.2
有办法解决吗?
1条答案
按热度按时间bvhaajcl1#
this.state.birthDate
和this.setState({birthdate: event.target.value})
错误。setState区分大小写。请尝试:
this.setState({birthDate: event.target.value})