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

问题描述

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

解决思路

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

发现类名为el-picker-panel__body

尝试重构

css内写样式

.el-picker-panel__body{

width:400px

}

将宽度设置到正常的效果

拓展

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

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

原因

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

解决

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

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

相关推荐
广州灵眸科技有限公司15 小时前
瑞芯微(EASY EAI)RV1126B 系统操作-线进程操作
开发语言·科技·嵌入式硬件·物联网
甄心爱学习15 小时前
【项目实训(个人3)】
vue.js·人工智能·python·个人开发
~plus~15 小时前
C#/.NET 8 Span与Memory高性能编程完全指南
开发语言·c#·.net
zore_c15 小时前
【C++】基础语法(命名空间、引用、缺省以及输入输出)
c语言·开发语言·数据结构·c++·经验分享·笔记
Master_清欢15 小时前
解决dify插件无限循环的问题
开发语言
我登哥MVP15 小时前
【Spring6笔记】 - 13 - 面向切面编程(AOP)
java·开发语言·spring boot·笔记·spring·aop
三声三视15 小时前
React 19 正式发布!17 个新特性深度解析与迁移指南(2026 实战版)
前端·javascript·reactjs·react
沐雪轻挽萤15 小时前
2. C++17新特性-结构化绑定 (Structured Bindings)
java·开发语言·c++
沐知全栈开发15 小时前
PHP JSON
开发语言
java1234_小锋15 小时前
Java高频面试题:Kafka的消费消息是如何传递的?
java·开发语言·mybatis