使用element-ui中的el-date-picker,中间的至字显示不全的原因及解决

676 阅读1分钟

使用element-ui中的el-date-picker,中间的至字显示不全的原因及解决

image.png

右键检查可定位到“至”

image.png 改变外层父元素后,宽度不够,所以会出现显示不全,只需要更改它的宽度即可。

image.png

解决方法:

<el-form-item label="时间" class="elselect">
                    <el-date-picker
                        v-model="searchModel.time"
                
                        type="daterange"
                        range-separator="至"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期">
                    </el-date-picker>
                </el-form-item>

.elselect /deep/ .el-range-separator {
    width: 24px;
  }