解决el-date-picker 宽度溢出浏览器的问题
作者：唐志远
这篇文章主要介绍了解决如何el-date-picker 宽度溢出浏览器问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
问题由来
<el-date-picker
v-model="Time" type="datetimerange"
range-separator="至"
start-placeholder="年/月/日 时:分:秒"
end-placeholder="年/月/日 时:分:秒"
format="YYYY/MM/DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss" />
由上图可见，el-date-picker超出浏览器宽度，导致出现了滚动条。
解决办法
利用组件自身的popper-class属性，添加自定义的class。
<el-date-picker
v-model="Time" type="datetimerange"
range-separator="至"
start-placeholder="年/月/日 时:分:秒"
end-placeholder="年/月/日 时:分:秒"
format="YYYY/MM/DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
popper-class="tzy-popper" />.tzy-popper{
margin-left: -55px;
}
到此这篇关于解决el-date-picker 宽度溢出浏览器问题的文章就介绍到这了,更多相关el-date-picker宽度溢出内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！