element-plus <el-date-picker>日期选择器踩坑!!!!

我怎么一上午踩两个坑!!!!!(大声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>

至此,终于正常了

🆗🦌

相关推荐
自然 醒3 分钟前
前端如何实现在线预览office常见文件功能?
前端·vue.js
肉肉不吃 肉37 分钟前
前端调试跨域如何解决
前端·vue.js
weedsfly43 分钟前
单例模式在前端中的正确打开方式
前端·javascript·面试
卓怡学长1 小时前
w268基于springboot + vue 物流系统
java·数据库·vue.js·spring boot·spring·intellij-idea
多加点辣也没关系15 小时前
JavaScript|第4章:类型转换
开发语言·javascript
yqcoder15 小时前
httpOnly 是什么,又有什么用?
开发语言·前端·javascript
烬羽15 小时前
还在手动拼路径、写回调地狱?一文吃透 Node.js 的 path 和 fs
javascript·程序员·node.js
mONESY15 小时前
LangChain JS 高性能并行执行解析、工具调用底层封装
javascript
迅速的自行车16 小时前
从一段模板说起
前端·javascript·vue.js
YIAN17 小时前
LangChain JS 工具调用实战:基于 DeepSeek-V4-Flash 实现本地文件读取 AI 代码助手(完整可运行源码)
javascript·langchain·前端框架