当前位置: 首页> 财经> 金融 > element-ui 日期选择器用value-format 带上“HH:mm:ss”的时候报错

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

时间:2025/8/26 9:21:32来源:https://blog.csdn.net/niceLiuSir/article/details/141715397 浏览次数:0次

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”的时候报错

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: