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

问题描述

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

解决思路

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

发现类名为el-picker-panel__body

尝试重构

css内写样式

.el-picker-panel__body{

width:400px

}

将宽度设置到正常的效果

拓展

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

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

原因

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

解决

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

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

相关推荐
爱喝水的鱼丶9 小时前
SAP-ABAP:SAP 简单报表输出开发系列(共6篇) 第四篇:SAP 报表异常处理机制:数据校验与消息提示规范落地
开发语言·数据库·学习·算法·sap·abap
影寂ldy9 小时前
C# const 常量 / readonly 只读 / static readonly
java·开发语言·c#
ZengLiangYi10 小时前
sql.js WASM 深度解析
javascript·数据库·后端
iCxhust10 小时前
c#多串口重量采集上位机程序
开发语言·汇编·c#·微机原理·8088单板机
JustHappy10 小时前
古法编程秘籍(三):为什么需要函数?因为程序员讨厌重复劳动
前端·javascript·后端
一 乐10 小时前
人口老龄化社区服务与管理平台|基于springboot+vue的人口老龄化社区服务与管理平台(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·人口老龄化社区服务与管理平台
想要狠赚笔的小燕10 小时前
vue项目的入口文件是什么 main.js还是index.html,他俩有啥区别
前端·javascript
QK_0010 小时前
volatile 关键字核心作用
开发语言
Dxy123931021610 小时前
Python Tensor 向量入门:从零理解深度学习的“数据语言“
开发语言·python·深度学习
林森lsjs10 小时前
【日耕一题】3. 通过键盘输入一行字符,分别统计出其中英文字母、空格、数字和其它字符的个数。
java·开发语言