問題の原因
<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;
}