vue+element下日期组件momentjs转换赋值问题

记录下使用momentjs转换日期字符串赋值给element的日期组件报错问题;

html 复制代码
<el-date-picker
          v-model="form.serviceTime"
          type="date"
          class="fill-w mar-t-xs"
          value-format="yyyy-MM-dd HH:mm:ss"
          placeholder="请选择日期"
          :clearable="false"
          :editable="false"
        >
        </el-date-picker>

可以看到组件默认显示的format格式大小写是这样的,但是momentJs中format格式转换大小写与element是不一致的,这容易导致报错,所以我这里记录一下。

javascript 复制代码
this.form.serviceTime = moment(this.row.serviceTime).format('YYYY-MM-DD HH:mm:ss');

可以看到年与日的大小写不一致,导致转换格式赋值的时候频频报错;

相关推荐
晓得迷路了几秒前
栗子前端技术周刊第 121 期 - Vitest 4.1、Nuxt 4.4、Next.js 16.2...
前端·javascript·vite
kyle~2 分钟前
Electron桌面容器
前端·javascript·electron
隔壁小邓4 分钟前
vue如何拆分业务逻辑
前端·javascript·vue.js
En^_^Joy8 分钟前
Ajax与Axios:现代前端异步请求指南
前端·javascript·ajax
SuperEugene12 分钟前
Vue3 + Element Plus 表单校验实战:规则复用、自定义校验、提示语统一,告别混乱避坑|表单与表格规范篇
开发语言·前端·javascript·vue.js·前端框架
酉鬼女又兒15 分钟前
零基础快速入门前端JavaScript 浏览器环境输入输出语句全解析:从弹框交互到控制台调试(可用于备赛蓝桥杯Web应用开发赛道)
前端·javascript·职场和发展·蓝桥杯·js
清汤饺子15 分钟前
搞懂 Cursor 后,我一行代码都不敲了《实战篇》
前端·javascript·后端
SuperEugene16 分钟前
Vue3 + Element Plus 表格查询规范:条件管理、分页联动 + 避坑,标准化写法|表单与表格规范篇
开发语言·前端·javascript·vue.js·前端框架
optimistic_chen34 分钟前
【Vue3入门】Pinia 状态管理 和 ElementPlus组件库
前端·javascript·vue.js·elementui·pinia·组件
kgduu35 分钟前
js之网络请求与远程资源
开发语言·javascript·网络