elementui的时间选择器的icon位置调整

elementui的时间选择器的icon位置调整

时间选择器默认icon在左侧,现在想把icon跳转到右侧

一、左侧icon隐藏,右侧icon添加class

<el-date-picker
    v-model="dateRange"
     type="daterange"
     :clearable='false'
     range-separator="-"
     start-placeholder="开始日期"
     end-placeholder="结束日期"
   >
 </el-date-picker>
 .el-range__icon {
    
    
    display: none;
  }
mounted(){
    
    
   document.getElementsByClassName('el-range__close-icon')[0].className += ' el-icon-date'; //在原来的后面加这个
   console.log(document.getElementsByClassName('el-range__close-icon'))
  }

链接: https://www.cnblogs.com/hwy6/p/14746000.html.

猜你喜欢

转载自blog.csdn.net/MISS_zhang_0110/article/details/120824481