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

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

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

时间选择器默认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.

你可能感兴趣的:(element-ui,elementui,javascript,vue.js)