由于客户需求变更,需要对这部分代码进行修改,再次看到这段代码,老感觉有点繁琐。因为antd的Form组件,在使用 getFieldDecorator 包装后,数据同步将被Form接管。即不在需要我们主动监听当前控件的 onChange 了,form为我们管理表单内的所有控件的值。
然后在表单submit事件,直接使用
this.props.form.validateFields()
,校验并获取控件的value。
这里有一个需要注意的,form获取的datePicker的值。默认是moment类型,需要用 moment 进行转化一下。
转载于:https://www.cnblogs.com/Lee-/p/8359401.html
获取DatePicker值的方法方法一:以前一直用的是下面这个方法,半路前端加前端新人,方法可能有点不优雅。监听datePicker的onChange事件触发onChange时,即改变state。当点击提交按钮时,再获取this.state.foundingtime的值。方法二: 由于客户需求变更,需要对这部分代码进行修改,再次看到这段代码,老感觉...
import * as React from "react" ;
import Single
DatePicker
, { RangePicker } from "from-
antd
-
datepicker
" ;
class Example extends React . Component {
render ( ) {
return (
< Single
DatePicker
>
< RangePicker>
麻省理工学院:copyright:
DatePicker
[picker=“week”]
DatePicker
[picker=“year”]
DatePicker
[picker=“quarter”] (4.1.0 新增)
RangePicker
国际化配置
import
1、前情提要
当初还是
antd
2.X版本时,
DatePicker
组件还不支持mode属性,不能单独设置为年份
选择
器。但是公司项目刚好很多地方都有根据年份做筛选的需求,因为
antd
不支持,因此,使用了Select组件来实现年份
选择
。
但是,遭到了客户的强烈吐槽,“你们这个UI风格还是要一致撒”,哈哈????,官方吐槽最为致命!没办法了,我自己也没法说服自己了,只能照着
antd
的UI风格自己撸一个YearPicker咯。(时间
选择
控件YearPicker基于React,
antd
www.cnblogs.com
问题描述:
使用
antd
-mobile+rc-form做表单时,发现Picker等组件中的onChange回调函数用onChange={this.onChange}无法触发,封装的子组件无法像父组件传值。
注意:此处只是针对onChange的回调函数,其他回调函数依旧可以正常使用,因为,rc-form会获取onChange事件的变化来更新form表单里的值,导致此处像往常一样用onChange...