这个日期选择器的框太宽了，一个手机屏幕放不开，怎么能让他自适应手机屏幕？？
ElementUI中日期选择器如何调整弹出框大小
这个日期选择器的框太宽了，一个手机屏幕放不开，怎么能让他自适应手机屏幕？？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
你好！机器人 2022-03-14 14:29关注用媒介查询media去判断手机或者pc端，改变.el-date-picker.has-sidebar的值就可以 了，注意top。left值
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2023-08-25 15:26rainbow小现的博客 1、在中标注popper-class，例如 2、//规定下拉框的宽度 .popperClass {width: 90px;} 修改elementUI样式未生效问题（挂载到了body标签上）_superManee的博客-CSDN博客
- 2024-04-30 12:54Greatlifeee的博客 使用ElementUI官方文档提供的方法, 在el-date-picker属性中添加:editable=“false” 此方法只能使 input1 框阻止输入法弹出 , 无法阻止点击内部两个input框时输入法弹出。使用document.activeElement.blur()方法 , ...
- 2023-07-21 21:12__十七的博客 MessageBox弹出框中加入DatePicker日期选择器
- 2022-12-29 19:25又可乐的博客 您好，要在 element-ui 中使用点击按钮弹出选择框，可以使用 element-ui 提供的 Select 组件。 首先，在您的模板中添加一个 Select 组件： <template> <div> <el-button@click="showSelect">...
- 2022-11-03 18:30持久的棒棒君的博客 使用ElementUI进行几个日期选择器之间的切换时，发现弹出框位置出错
- 2024-01-10 20:30易Yi的博客 el-date-picker日期弹出框大小的修改
- 2025-03-10 16:05清清ww的博客 并且通过浏览器可以发现，选择控件是直接挂在body下的，所以解决方法是直接找到body的样式，在里面修改。以本次项目为例，在index.html的style里直接添加选择器的样式。
- 2024-04-22 09:59LUNA~的博客 elementUi 日期选择器 组件禁止手输
- 2025-09-17 20:11冲浪的鹏多多的博客 本文全面讲解ElementUI中el-date-picker组件的使用技巧，通过清晰的示例，详细说明如何设置日期格式、处理数据绑定、实现日期范围选择及组件间联动限制（如开始日期不能晚于结束日期）......
- 2022-04-18 09:57SanOrintea的博客 datepicker类型切换的时候，从type=...但是从这两种切换到type = ‘datetimerange’ 会引起弹出框错位到左上角。 <el-date-picker v-model="dataForm.date" :type="dateType.type" :format="dateType.format
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 4月2日-
已采纳回答
3月30日
-
创建了问题
3月14日