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>

至此,终于正常了

🆗🦌

相关推荐
程序员大阳5 小时前
副队长JavaScript教程(49)-主动抛出异常与错误类型
javascript·异常处理·error·throw·错误类型
hhhjhl5 小时前
Protobuf.js 跨端三方库仓颉适配全流程
javascript·网络·udp
康小汪5 小时前
AI 写 Vue 总写成同一个味道:给它装 Skills,装的不是知识是边界
前端·vue.js·人工智能·ai编程·最佳实践
Flynt8 小时前
我把热榜那篇"禁用 axios"逐条实测了一遍:结论大体对,坑在它没讲的地方
前端·javascript·axios
slongzhang_9 小时前
linux 递归删除源码文件|递归删除目录下 *.js,但排除 *.min.js
linux·开发语言·javascript
北冥有鱼9 小时前
发版后动态路由点击报 `Failed to fetch dynamically imported module`」问题上的完整排查与修复过程
前端·vue.js
liyi_hz200812 小时前
O2OA(翱途) V10.1 即将发布|功能再升级,安全再加固,协同更高效!
java·javascript·windows·开源软件
apollo_qwe12 小时前
大模型 API 接通了,AI 聊天页面为什么还是不好用?
前端·vue.js·人工智能
志尊宝13 小时前
AI原生前端开发(029):AI辅助的文档自动生成
javascript·人工智能·ai-native
一个游离的指针13 小时前
ES6新特性:let、const、块级作用域
开发语言·javascript·es6