[【前端】element-ui的时间组件＜el-time-picker＞出现无法选择或无法滚动的解决思路

一个Java菜鸟的前端笔记

问题描述：
时间组件<el-time-picker>无论是新增和编辑均出现无法选择或无法滚动的情况，并且在返回详情时组件是能够成功回显已保存的时间数据的，但就是无法修改

组件

<el-form-item v-if="showMore" label="营业时间" prop="rangeTime"><el-time-pickeris-rangevalue-format="HH:mm:ss"v-model="listQuery.rangeTime"range-separator="至"start-placeholder="开始时间"end-placeholder="结束时间"placeholder="选择时间范围"@blur="handleTime"></el-time-picker></el-form-item>

设置默认值

  created() {if (this.$route.query.enterpriseId) {this.addstatus = 1;this.localData = {enterpriseAddrX: this.$route.query.enterpriseAddrX,enterpriseAddrY: this.$route.query.enterpriseAddrY,};this.latLng =this.$route.query.enterpriseAddrX +"," +this.$route.query.enterpriseAddrY;this.getDetail(this.$route.query.enterpriseId);} else {this.addstatus = 0;this.$set(this.listQuery, "rangeTime", [new Date(2018, 12, 1, 9, 0), new Date(2018, 12, 1, 18, 0)]);}},

解决时间组件无法正常使用的重点就在于$set()

错误示例

总结：请使用$set()赋值，原因有待研究
另外吐槽一下，这个组件貌似必须设置初始值，否则无法选择。。。（至少在我这里是这样）
如有错误，欢迎批评指正！

[【前端】element-ui的时间组件＜el-time-picker＞出现无法选择或无法滚动的解决思路相关推荐

element ui 弹出组件的遮罩层在弹出层的上面的解决方法
element ui 弹出组件的遮罩层在弹出层的上面的解决方法参考文章: (1)element ui 弹出组件的遮罩层在弹出层的上面的解决方法 (2)https://www.cnblogs.com/ ...
Element UI（桌面组件库）之三大灵魂拷问
1. 什么是Element UI 概述 Element,一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element UI是基于Vue 2.0的 Element UI 提供 ...
elment ui 时间组件（el-date-picker）限制只能选择当前时间之前的时间(包括时分秒的限制)
elment ui 时间组件(el-date-picker)限制只能选择当前时间之前的时间(包括时分秒的限制) 先上效果图: 如图当前是2022-04-07 10:43; 当前时间以后的时间不让选择, ...
将Element UI的时间选择器（DatePicker）的Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)转化为XXXX-XX-XX的格式
将Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)转化为XXXX-XX-XX的格式在使用element UI的时间选择器时,控制台输出的是Sat Jan 01 2 ...
element UI上传图片Upload组件使用图片转base64和fale文件处理 formdata数据格式的应用
element UI上传图片Upload组件使用 & 图片转base64和fale文件处理 & formdata数据格式的应用 1.element UI上传图片Upload组件使用效 ...
vue问题三：element ui的upload组件上传图片成功和移除事件
element ui的upload组件上传图片成功和移除事件: 登录后获取到后台传的token存到中: sessionStorage.setItem("token",data.ob ...
element ui 多个子组件_ElementUI 技术揭秘（2）组件库的整体设计
需求分析当我们去实现一个组件库的时候,并不会一上来就撸码,而是把它当做产品一样,思考一下我们的组件库的需求.那么对于 element-ui,除了基于 Vue.js 技术栈开发组件,它还有哪些方面的需 ...
关于Element UI中select组件中遇到的问题
问题一:在使用select组件设置多选功能后,窗口抖动问题? 详细描述:在我使用select做多选的功能时出现了窗口抖动的问题,测试的时候发现,在有些人的电脑上抖动,有些人的电脑上不抖,找了很多文档, ...
element ui table封装组件，render 函数动态事件设置
接着上一篇讲的,封装element ui table, 支持自定义列的展示和按照指定顺序展示自定义列需要在引用页面重新写一下,这样就可以定义化了,多数用于一些转换,或者操作列场景下,自行考虑即可,我 ...

[【前端】element-ui的时间组件＜el-time-picker＞出现无法选择或无法滚动的解决思路

一个Java菜鸟的前端笔记

[【前端】element-ui的时间组件＜el-time-picker＞出现无法选择或无法滚动的解决思路相关推荐

最新文章

热门文章