表单回填:日期与时间

在进行日期类型的数据回填时,我直接以字符串的类型进行回填,是能够成功的。再在表单提交的时候对数据类型进行判断,如果是字符串类型就直接传,如果是对象就处理成字符串再传。

params.endDate =
            typeof values.endDate === "string"
              ? values.endDate + " " + endTime
              : values.endDate.format("YYYY-MM-DD") + " " + endTime

在需要精确到时分的场景,使用antd的timepicker组件,发现不能直接以字符串回填了,会显示Invalid Value。后引入moment.js对字符串进行格式化后能够成功回显数据。

let startTime = this.$moment(start[1], "HH:mm")

看了antdv的官方文档,不论是datepicker还是timepicker,值都是moment类型

 

 因此我之前日期回填字符串是不规范的,应该和时间一样先格式化后再回填,也省去了后面判断类型的步骤。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值