el-date-picker的icon默认是居左显示,坑就坑在,elment竟然没有提供放居右显示的api。
但是,ui的设计又需要居右显示。没办法,只好css+js各显神通的去实现这个功能。闲言少叙,我直接上代码
// dom层:
<el-form-item label="时间:">
<el-date-picker type="date"
suffix-icon="el-icon-date"
placeholder="选择日期"
v-model="time"
class="datepicker"
style="width: 100%;">
</el-date-picker>
</el-form-item>
// css层:
.el-date-editor {
.el-input__prefix {
position: absolute;
right:0px;
top: 0;
}
input {
padding-left: 15px;
}
}