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');

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

相关推荐
大爱编程♡24 分钟前
Vue3基础
前端·javascript·vue.js
weedsfly27 分钟前
防抖与节流:从原理到 React Hook 封装
前端·javascript·面试
甜味弥漫27 分钟前
React 从类组件到 Hooks:为什么 Hooks 改变了 React?
前端·javascript·react.js
天蓝色的鱼鱼33 分钟前
让 AI 写代码半年后,我发现了几个藏在项目里的安全隐患
前端·javascript·ai编程
随风一样自由1 小时前
【前端+跨端技术新格局】Tauri vs Electron 完整性能对比(2026实测数据+底层原理)
前端·javascript·electron
Reload.1 小时前
GJ航司,验证码网易易盾 JS逆向 纯算轨迹
开发语言·前端·javascript
铁皮饭盒1 小时前
Bun.js 集成了 SQL/Redis/S3,为什么 Java/Go/Python 不集成?
javascript
年轻的砖头1 小时前
以Ajax方式提交整个表单
前端·javascript·ajax
L-影2 小时前
FastAPI CORS 跨域:Web 世界的“小区门禁”与“访客通行证”
前端·javascript·fastapi
daols882 小时前
vue 甘特图 vxe-gantt 实现双进度条:计划 vs 实际,支持多级子任务拆分
vue.js·甘特图·vxe-table·vxe-gantt