antd4获取表单所有数据(表单里既有时间又有字符串)

18 篇文章 0 订阅

需求分析

需要使用一个表单获取到用户输入的数据作为通过URL请求数据的参数,然后重新将获取到的数据渲染到页面。

问题分析

可是总是无法获得时间和其他参数一同的对象,因为antd的时间是moment格式,只是需要转换一下。
但是一开始弄了很久,一度陷入坑里面无法自拔:

  1. 使用antd3getFieldDecorator。兜兜转转,antd的版本换了又换,问题没有解决,其他正确代码因为不兼容还报了一大堆错误。
  2. 导师已经封装好了一个组件standardTable
  3. 使用moment进行时间格式转换。
    最后一种方法转换成功。
    在这里插入图片描述
const onFinish = (values) => {
        const { rangePicker } = values;
        console.log(rangePicker);
        let startTime = moment(rangePicker[0]).format('YYYY-MM-DD');
        console.log(startTime);
        let endTime = moment(rangePicker[1]).format('YYYY-MM-DD');
        console.log(endTime);
        console.log('Received values of form: ', values);
    };

问题总结

  • 技术不到位,琢磨了一下午没有弄出来,早上直接请教师兄,问题迎刃而解,但还是不能否认自己思考的那个过程是没有用处的,任何事情先要独立思考才能得到进步。
  • 学会利用参考资料文档。
  • 计算机是一门应用性学科,“先打好基础再学习上层建筑”的思想就是不正确的,应该是“边打基础边学习”。
  • 学会看别人写的代码,学习的一开始建议不要问那么多的“为什么”,应该想的是“这里该怎么用”。

参考文档

使用moment格式化日期

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值