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

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

相关推荐
杨大厨wd17 小时前
Vue3 业务组件封装别只会传 props:如何设计一个真正好用的组件
vue.js
前端那点事17 小时前
Vue3 script setup 语法糖最全教程!零基础吃透+项目落地+面试满分
前端·vue.js
费曼学习法17 小时前
React Hooks 源码级揭秘:为什么必须按顺序调用?
javascript·react.js
卷帘依旧18 小时前
Vue 响应式原理:Object.defineProperty vs Proxy 深度对比
前端·vue.js
之歆18 小时前
DAY_20JavaScript 条件语句与循环结构深度学习(二)
前端·javascript
布局呆星18 小时前
Vue3 路由守卫详解:全局守卫、路由独享守卫、组件内守卫
前端·javascript·vue.js
小李子呢021118 小时前
前端八股Vue---ref操作 DOM 元素或组件,调用子组件方法
前端·javascript·vue.js
Yoram18 小时前
Vue3 响应性:跨上下文的传递、转换与作用域控制
前端·vue.js
yqcoder19 小时前
深入理解 JavaScript:什么是可迭代对象 (Iterable)?
开发语言·javascript·网络
kyriewen1119 小时前
我开发的 Chrome 扒图浏览器插件又更新了❗
前端·javascript·chrome·科技·ai