Antd---日期选择框DatePicker
获取DatePicker值的方法
方法一:
以前一直用的是下面这个方法,半路前端加前端新人,方法可能有点不优雅。

监听datePicker的onChange事件

触发onChange时,即改变state。当点击提交按钮时,再获取this.state.foundingtime的值。
方法二:
由于客户需求变更,需要对这部分代码进行修改,再次看到这段代码,老感觉有点繁琐。因为antd的Form组件,在使用 getFieldDecorator 包装后,数据同步将被Form接管。即不在需要我们主动监听当前控件的 onChange 了,form为我们管理表单内的所有控件的值。

然后在表单submit事件,直接使用this.props.form.validateFields(),校验并获取控件的value。

这里有一个需要注意的,form获取的datePicker的值。默认是moment类型,需要用 moment 进行转化一下。

浙公网安备 33010602011771号