elementplus日期时间选择器组件显示很窄

问题描述

似乎是elementplus原生组件的宽度是和父组件相关的 只要父组件很窄就会让弹窗也很窄,但其实两者的宽度不必有这种限制

解决思路

打开控制条查看元素位置以及css样式的class名

发现类名为el-picker-panel__body

尝试重构

css内写样式

.el-picker-panel__body{

width:400px

}

将宽度设置到正常的效果

拓展

如果发现这种解决方法不能,可能需要深度控制,需要使用:deep等 请大家自行上网搜索

问题二:日期时间选择器点击日期没效果,并且点击此时的时候一直是十月一日并不是正常时间的问题

原因

value-format="yyyy-MM-dd HH:mm:ss"的设置,虽然是对的 但是还是无法赋值

解决

删除日期选择器的格式判定

并且能发现点击当前现在时间也能正常显示现在的时间

相关推荐
用户新1 小时前
JS事件深度解析四 事件的循环和异步
前端·javascript·事件·event loop
代码中介商9 小时前
C++左值与右值:核心判断法则详解
开发语言·c++
JAVA9659 小时前
JAVA面试-并发篇 05-并发包AQS队列实现原理是什么
java·开发语言·面试
Halo_tjn10 小时前
反射与设计模式1
java·开发语言·算法
珊瑚里的鱼10 小时前
手撕单例模式中的饿汉模式和懒汉模式,懒汉模式还要再多加一个C++11版本的
开发语言·c++·单例模式
_不会dp不改名_11 小时前
python-opencv环境搭建
开发语言·python·opencv
HappyAcmen11 小时前
9.复盘API全套流程
开发语言·python
charlie11451419111 小时前
通用GUI编程技术——图形渲染实战(四十五)——D3D12资源与堆管理:从上传到驻留
开发语言·3d·图形渲染·win32
不会C语言的男孩11 小时前
C++ Primer 第12章:动态内存
开发语言·c++
LIUAWEIO11 小时前
vue里面下载配置使用zepto vue中怎样使用zepto
javascript·vue.js·es6·zepto