Element UI 日期选择器icon图标快速调整

首先我们先引入 Element UI 的日期选择器组件

<el-date-picker
  class="wp-date-range"
  v-model="updateDateRange"
  type="daterange"
  range-separator="~"
  start-placeholder="开始日期"
  end-placeholder="结束日期">
</el-date-picker>

引入该组件发现图标在左，接下来隐藏左侧图标

::v-deep .el-date-editor .el-input__icon:nth-child(1){
  display: none;
}

然后在mounted生命周期中书写以下代码，完成

mounted() {
    let ElRangeCloseIcon = document.getElementsByClassName('el-range__close-icon')[0]
    ElRangeCloseIcon.innerHTML = '<i class="el-icon-time"></i>'
  },