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)总结

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

你可能感兴趣的:(element,ui,vue,javascript,vue,elementui)