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 进行转化一下。

 

转载于:https://www.cnblogs.com/Lee-/p/8359401.html