使用element-ui中的el-date-picker,中间的至字显示不全的原因及解决
如图所示:
原因:下面对的.el-range-separator的宽度为5%,相对于外层的父元素,宽度不够,所以会出现显示不全,只需要更改它的宽度即可。
解决代码如下:
<template>
<div class="contract-manage">
<el-date-picker
v-model="statisticsTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</div>
</template>
<style lang="scss">
.contract-manage {
.el-range-separator {
width: 24px;
}
}
</style>