ant design of vue a-range-picker时间格式转换问题

时间格式转换问题

遇到问题时间格式转换问题,记录一下,表单项如下:

 <a-form-item label="有效时间">
                  <a-range-picker
                    v-decorator="['validTime', { rules: [{ required: true, message: '请输入有效时间!' }] }]"
                    show-time
                    format="YYYY-MM-DD HH:mm:ss"
                  />
  </a-form-item>

编辑时赋值
需求:1、编辑时赋值,对后端返回时间格式进行处理,后端返回时间数据格式:2022-10-23T12:00:00,转化成moment形式,给日期组件赋值
后端返回

 const validTime=[moment(res.data.StartTime,'YYYY-MM-DD HH:mm:ss'),moment(res.data.EndTime,'YYYY-MM-DD HH:mm:ss')]

处理完如下:
在这里插入图片描述
2、保存时将moment形式转化成YYYY-MM-DD HH:mm:ss形式给后端传过去

 values.StartTime = values.validTime[0].format('YYYY-MM-DD HH:mm:ss')
  values.EndTime = values.validTime[1].format('YYYY-MM-DD HH:mm:ss')

总结:1、2022-10-23T12:00:00=>moment形式

moment(值,'YYYY-MM-DD HH:mm:ss')

2、moment形式转化成YYYY-MM-DD HH:mm:ss形式

值.format('YYYY-MM-DD HH:mm:ss')

3、获取当前日期时分秒形式

moment(new Date(), 'YYYY-MM-DD HH:mm:ss')

4、获取当前日期零点零分零秒形式

moment(new Date().toLocaleDateString(), 'YYYY-MM-DD HH:mm:ss'),
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值