element-ui 日期选择器用value-format 带上“HH:mm:ss”的时候报错

本文主要是介绍element-ui 日期选择器用value-format 带上“HH:mm:ss”的时候报错，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1. 想用 element-ui 日期选择器取出 “yyyy-MM-dd HH:mm:ss” 格式的日期时间数据。

2. 用 value-format 带上“HH:mm:ss”的时候报错。

<el-form-item prop="time" label="结算时间："><el-date-picker v-model="settleDO.time" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>

3. 解决办法：
用 name 属性，取值 name 即可得到 “yyyy-MM-dd HH:mm:ss” 格式的日期时间数据。

<el-form-item prop="time" label="结算时间："><el-date-picker name="time" v-model="settleDO.time" type="datetime"></el-date-picker>
</el-form-item>

const app = new Vue({el: '#app',data() {return {settleDO}},methods: {doUpdate() {this.settleDO.time = $('input[name=time]').val();this.$refs.settleDOForm.validate(r => {if(r) {globalApi("/biz/settle/update", this.settleDO).then(() => {parent.reLoad()})}})}}
})

.
感谢您的阅读，欢迎参观我的个人网站：小嗨词典【 https://www.happydict.cn】
.

这篇关于element-ui 日期选择器用value-format 带上“HH:mm:ss”的时候报错的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---