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

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

相关推荐
江城开朗的豌豆几秒前
解锁Vue自定义指令:这些骚操作你可能还不知道!
前端·javascript·vue.js
江城开朗的豌豆10 分钟前
Vue和iframe的悄悄话:跨窗口通信小妙招
前端·javascript·vue.js
江城开朗的豌豆17 分钟前
Vue的v-model到底是个啥?用了5年才知道还能这么玩!
前端·javascript·vue.js
饺子大魔王的男人9 小时前
【Three.js】机器人管线包模拟
javascript·机器人
希希不嘻嘻~傻希希9 小时前
CSS 字体与文本样式笔记
开发语言·前端·javascript·css·ecmascript
爷_10 小时前
Nest.js 最佳实践:异步上下文(Context)实现自动填充
前端·javascript·后端
爱上妖精的尾巴11 小时前
3-19 WPS JS宏调用工作表函数(JS 宏与工作表函数双剑合壁)学习笔记
服务器·前端·javascript·wps·js宏·jsa
草履虫建模11 小时前
Web开发全栈流程 - Spring boot +Vue 前后端分离
java·前端·vue.js·spring boot·阿里云·elementui·mybatis
—Qeyser11 小时前
让 Deepseek 写电器电费计算器(html版本)
前端·javascript·css·html·deepseek
喝拿铁写前端13 小时前
前端批量校验还能这么写?函数式校验器组合太香了!
前端·javascript·架构