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>

至此,终于正常了

🆗🦌

相关推荐
英勇无比的消炎药8 小时前
样式随心定制:TinyRobot 样式覆写与 CSS 变量实战解析
vue.js
橘子星8 小时前
基于 Vite 的多模态生图前端工程实践
前端·javascript·人工智能
疯狂的魔鬼8 小时前
多角色督办任务详情页:从权限矩阵到组件拆分的完整实现
前端·vue.js·架构
英勇无比的消炎药8 小时前
拆解内核:深入分析 TinyRobot 输入区组件设计与实现原理
vue.js
英勇无比的消炎药8 小时前
组件联动进阶:玩转 TinyRobot 组合开发提升项目灵活性
vue.js
用户852495071848 小时前
Canvas 和 ECharts:一个蓝色方块引发的血案
javascript·人工智能
Cc_Debugger8 小时前
开发环境使用https配置
javascript·vue.js·https
BreezeJiang8 小时前
从一棵树到一亿人:算法世界的"深搜"哲学
javascript
廖磊AI编程8 小时前
AI 编程项目缺少 Bun 时,如何用 BVM 安装和验证运行时
javascript
触底反弹8 小时前
🎨 通义万相实战:用 Qwen 多模态 API 实现 AI 换装换姿势,10 行代码搞定!
vue.js·人工智能