原文链接: el-date-picker 宽度溢出浏览器问题
问题由来
HTML
<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
。
HTML
<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" />
CSS
.tzy-popper{
margin-left: -55px;
}