<template>
<el-date-picker
v-model="dateRange"
type="daterange"
:clearable="false"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</template>
这里的:clearable=“false”,如果想要保留清除,看下方的链接
<script>
export default {
data() {
return {
// 默认时间
dateRange: ['2021-8-12', '2022-8-12']
}
},
mounted() {
// 在右侧增加新图标
document.querySelector('.el-range__close-icon').className += ' el-icon-date'
}
}
</script>
<style lang="less" scoped>
// 穿刺写法
::v-deep .el-range__icon {
display: none;
}
</style>
Vue项目中 改变elementui DateTimePicker时间选择器(el-date-picker) 图标icon位置居右 日期控件图标居右