el-date-picker下拉时间框被遮盖挡住

huanxiaD

于 2025-03-19 17:10:15 发布

阅读量324

点赞数 2

文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/weixin_43742121/article/details/146375431

版权

在这里插入图片描述
el-date-picker在实际使用中，会出现一下被挡住的情况：
解决办法：

    给el-date-picker 添加align="right"属性，让其与输入框右对齐，即可。

<el-date-picker 
@change="handleCurrentChange(1)" 
v-else-if="item.type === 'dateTime'" 
align="right" 
size="mini"
v-model="page_msg.model[item.key]" 
type="datetimerange" 
range-separator="至"
start-placeholder="开始日期" 
end-placeholder="结束日期" 
style="width: 90%" 
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>