elementUI日期选择器的日期图标更换到右侧并引入icon图标，且hover时日期图标消失并显示叉叉图标

要更换 ElementUI 日期选择器的日期图标并引入 icon 图标，可以通过以下步骤实现：

1. 在页面中引入需要的 iconfont 字体文件，可以使用阿里巴巴矢量图标库中的图标，或者自己上传需要的图标。

2. 使用 CSS 样式修改日期选择器的样式，将日期图标移动到右侧并设置 icon 字体样式。

.el-date-editor .el-icon-date {
  display: none;
}

.el-date-editor .el-input__icon {
  right: 0;
}

.el-date-editor .el-input__icon::before {
  font-family: 'iconfont';
  font-size: 16px;
  content: '\e62c';
}

3. 当鼠标悬停在日期选择器上时，显示叉叉图标。可以使用 Vue.js 指令 `v-show` 和 `v-on` 监听事件实现。

<el-date-picker
  v-model="date"
  type="date"
  class="date-picker"
  v-on:mouseenter="showCloseIcon = true"
  v-on:mouseleave="showCloseIcon = false"
>
  <i v-show="!showCloseIcon" class="el-icon-date"></i>
  <i v-show="showCloseIcon" class="el-icon-circle-close"></i>
</el-date-picker>

在 Vue.js 实例中，需要定义 `showCloseIcon` 变量来控制叉叉图标的显示和隐藏。

data() {
  return {
    date: '',
    showCloseIcon: false
  }
}