相关文章推荐
焦虑的柳树  ·  更新日志 - Ant Design·  2 周前    · 
小胡子的数据线  ·  JAVA Swing ...·  2 周前    · 
博学的甘蔗  ·  ILRuntime 学习 - ...·  1 年前    · 

由于客户需求变更,需要对这部分代码进行修改,再次看到这段代码,老感觉有点繁琐。因为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...