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

问题描述

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

解决思路

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

发现类名为el-picker-panel__body

尝试重构

css内写样式

.el-picker-panel__body{

width:400px

}

将宽度设置到正常的效果

拓展

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

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

原因

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

解决

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

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

相关推荐
小陈同学呦4 小时前
前端如何处理订单状态导航的数据竞态问题
前端·javascript
开发者每周简报4 小时前
网海三部曲·无名宗师传
javascript·人工智能
喵个咪4 小时前
GoWind Toolkit 前端代码生成|Vue3(ElementPlus/Vben)、React(AntDesign)全自动一键生成教程
前端·vue.js·react.js
isyangli_blog4 小时前
OpenDayLight (Carbon 版本) 启动与组件安装
开发语言·php
vb2008114 小时前
FastAPI APIRouter
开发语言·python
Benszen4 小时前
KVM虚拟化解决方案
开发语言·perl
会编程的土豆4 小时前
Go 语言反射(Reflection)详解
开发语言·后端·golang
東雪木4 小时前
多线程与并发编程 专属复习笔记
java·开发语言·笔记·java面试
杨充5 小时前
1.3 浮点型数据设计灵魂
开发语言·python·算法
噜噜噜阿鲁~5 小时前
python学习笔记 | 11.3、面向对象高级编程-多重继承
java·开发语言