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>

至此,终于正常了

🆗🦌

相关推荐
小蒜学长22 分钟前
基于SpringBoot+Vue的云南地区扶贫助农系统的设计与实现(代码+数据库+LW)
java·vue.js·spring boot·后端·乡村振兴
雪芽蓝域zzs1 小时前
WebStorm Uniapp Support + Uniapp Tool + Uniappx Language Service讲解
vue.js·uni-app·webstorm
OpenTiny社区2 小时前
AI 生成的 Vue 代码,终于能直接用了!
前端·vue.js·github
程序员大阳2 小时前
副队长JavaScript教程(67)-Ajax初识:背景、历史与核心概念
javascript·ajax·同步·异步·概念·背景·来是
tryCbest2 小时前
Vue3——第 12 篇:组合式 API(下)——Composables 与逻辑3
vue.js
程序员大阳2 小时前
副队长JavaScript教程(70)-Ajax同源策略与跨域
javascript·ajax·同源策略·跨越·corp
普通人63 小时前
Web端3D模型加载实战指南_Vue3_uni-app_HTML
前端·javascript·uni-app·html
志尊宝3 小时前
AI原生前端开发(042):AI辅助的路由设计与优化
javascript·react.js·ai-native
Dxy123931021614 小时前
JS DES 加密详解
开发语言·javascript·arcgis
充值内卷14 小时前
我给桌面加了个鱼缸:C++ 写后端,WebView2 里养一座 Three.js 小岛
开发语言·javascript·c++