一、html代码如下：用一个div包裹el-date-picker
<div class="date-box">
<el-date-picker
v-model="startDate"
type="date"
placeholder="选择日期"
class="date-input"
>
</el-date-picker>
</div>二、css代码如下：使用date-box定义宽度是为了消除el-date-picker的自带宽度，如图：
date-input的宽度是选择器本身的宽度
.date-box >>> .el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: 146px;
margin: 0 10px;
}
.date-input >>> .el-input__inner {
width: 146px;
height: 40px;
}三、效果如下：文章来源：https://www.toymoban.com/news/detail-509050.html
文章来源地址https://www.toymoban.com/news/detail-509050.html
到了这里，关于elment ui 修改时间选择器的宽度及高度的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
