element-plus ＜el-date-picker＞日期选择器踩坑！！！！

竹秋…2024-11-14 8:50

我怎么一上午踩两个坑！！！！！（大声bb）

原来的vue2老项目是这样写的

html 复制代码

<el-form-item label="时间" prop="time">
  <el-date-picker
    v-model="addForm.time"
    type="date"
    value-format="yyyy.MM.dd"
    placeholder="选择日期"
  ></el-date-picker>
</el-form-item>

这样选择日期以后虽然输入框显示正确

但是打印出来是这样

这是什么日期啊，这是我掉的坑啊！

看了看element-plus

恍然大悟!写老项目的人是谁，出来，我要问问你为啥子给我挖坑 ......

又打开element看了看，对不起，写老项目的人，我冤枉你了(小声bb)

那我就只能改呗

html 复制代码

<el-form-item label="时间" prop="time">
  <el-date-picker
    v-model="addForm.time"
    type="date"
    value-format="YYYY.MM.DD"
    placeholder="选择日期"
  ></el-date-picker>
</el-form-item>

至此，终于正常了

🆗🦌