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

问题描述

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

解决思路

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

发现类名为el-picker-panel__body

尝试重构

css内写样式

.el-picker-panel__body{

width:400px

}

将宽度设置到正常的效果

拓展

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

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

原因

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

解决

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

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

相关推荐
道法自然|~38 分钟前
【PHP】简单的脚本/扫描器拦截与重要文件保护
开发语言·爬虫·php
dly_blog42 分钟前
setup 函数完整指南!
前端·javascript·vue.js
GoWjw1 小时前
在C&C++中结构体的惯用方法
c语言·开发语言·c++
静心观复1 小时前
Java 中,`1 << 1`
java·开发语言
Bruce_kaizy1 小时前
c++单调数据结构————单调栈,单调队列
开发语言·数据结构·c++
阿坤带你走近大数据1 小时前
Python基础知识-数据结构篇
开发语言·数据结构·python
froginwe111 小时前
AJAX 实时搜索:技术原理与实现方法
开发语言
发光小北1 小时前
SG-CAN (FD) NET-210(双通道 CAN (FD) 转以太网网关)特点与功能介绍
开发语言·网络·php
写代码的jiang1 小时前
【无标题】实战:Vue3 + Element Plus 实现树形选择器全量预加载与层级控制
前端·javascript·vue.js
晚烛1 小时前
实战前瞻:构建高可靠、低延迟的 Flutter + OpenHarmony 智慧交通出行平台
前端·javascript·flutter