ITPub博客

首页 > IT职业 > IT职场 > ant design form表单的时间处理

ant design form表单的时间处理

IT职场 作者:glovey 时间:2021-09-09 10:12:43 0 删除 编辑

ant design form表单的时间处理

用ant design开发程序时,会碰到时间的字段,效果如下:

那么该怎么处理呢?
可以在表单中使用如下代码:

import { DatePicker } from 'antd'import Moment from 'moment'    <FormItem label="开始时间" {...formItemLayout}>          { getFieldDecorator('sdate', {                  initialValue: item.sdate ? Moment(item.sdate) : Moment(),          })(<DatePicker showTime showToday format="YYYY-MM-DD HH:mm:ss" />)}    </FormItem>   //  item.sdate 代表从后台server获得的值 如:2018-06-27 12:00:00

而在提交处理的时候需要进行转换,获得对象对应的值

    if (data.sdate) {        // 进行转换        data.sdate = data.sdate.format("YYYY-MM-DD HH:mm:ss")      }

这样,在提交的时候,data.sdate 就是形如 "2018-06-27 12:00:00" 的值了。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2572/viewspace-2818248/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-16

  • 博文量
    86
  • 访问量
    770