Antd---日期选择框DatePicker

获取DatePicker值的方法前端

方法一:antd

之前一直用的是下面这个方法,半路前端加前端新人,方法可能有点不优雅。this

监听datePicker的onChange事件spa

触发onChange时,即改变state。当点击提交按钮时,再获取this.state.foundingtime的值。orm

 

方法二:事件

  因为客户需求变动,须要对这部分代码进行修改,再次看到这段代码,老感受有点繁琐。由于antd的Form组件,在使用 getFieldDecorator 包装后,数据同步将被Form接管。即不在须要咱们主动监听当前控件的 onChange 了,form为咱们管理表单内的全部控件的值。get

  

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

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

相关文章
相关标签/搜索