el-date-picker不会格式化默认值?

el-date-picker不会格式化默认值?

(1)业务场景

需要引用默认值,如果用户没有设置将存储默认时间

(2)问题

如果用户不设置时间得到的默认值将是没有格式化处理的
默认值是处理成date的
this.form.applyBeginTime = new Date(this.form.applyBeginTime);

使用value-format并不能将默认时间格式化

html代码

 <el-form-item label="开始时间" prop="applyBeginTime">
          <el-date-picker
            type="datetime"
            placeholder="选择日期"
            v-model="form.applyBeginTime"
            value-format="yyyy-MM-dd HH:MM:SS"
            :default-value="this.form.applyBeginTime"
            style="width: 200px"
          ></el-date-picker>
</el-form-item>

结果如下
在这里插入图片描述

(3)处理

解决方式就是编写时间处理方式对时间进行格式化处理一下,即可

this.form.applyBeginTime = parseTime(this.form.applyBeginTime)

处理以后结果如下:
在这里插入图片描述

(4)总结

看了一会儿暂时没有找到更好的解决办法如果有大佬有更好的解决办法可以说说。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值