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

相關文章
相關標籤/搜索