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

 

posted @ 2018-01-26 14:36  _i_do  阅读(2391)  评论(2)    收藏  举报