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>

至此,终于正常了

🆗🦌

相关推荐
RONIN17 分钟前
VUE开发环境配置基础(构建工具→单文件组件SFC→css预处理器sass→eslint)及安装脚手架
vue.js
kyriewen1129 分钟前
项目做了一半想重写?这套前端架构让你少走3年弯路
前端·javascript·chrome·架构·ecmascript·html5
RONIN35 分钟前
vue2、vue3区别之混入mixins和过滤器filter
vue.js
RONIN1 小时前
属性透传attribute、vue实例对象方法$nextTick()、虚拟dom与浏览器渲染机制
vue.js
RONIN1 小时前
vue自定义指令与自定义插件
vue.js
RONIN1 小时前
属性透传attribute与性能优化组件(component、异步组件、keep-alive/Suspense/Teleport/Transition)
vue.js
RONIN2 小时前
组件通讯(父传子、子传父、ref属性、表单双向绑定v-model、兄弟间传值Event Bus、插槽、依赖注入)
vue.js
爱折腾的军哥2 小时前
首发 | OpenTaiji WFGY 防幻觉系统:让 AI Agent 不再"胡说八道"
javascript
颜酱2 小时前
从零实现「拍照记单词」小应用(可复刻版)
前端·javascript·人工智能
大猫会长2 小时前
AudioContext给音频提高音量
前端·javascript·音视频