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

axkjgtzd  于 2022-12-08  发布在  Electron
关注(0)|答案(1)|浏览(171)

我正在构建一个基于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

有办法解决吗?

bvhaajcl

bvhaajcl1#

this.state.birthDatethis.setState({birthdate: event.target.value})错误。
setState区分大小写。请尝试:
this.setState({birthDate: event.target.value})

相关问题