el-date-picker自定义图标

要自定义 `el-date-picker` 组件的图标，可以通过修改组件的 `prefix-icon` 和 `clear-icon` 属性来实现。具体步骤如下：

1. 在 `el-date-picker` 组件上添加 `prefix-icon` 和 `clear-icon` 属性，分别指定前缀图标和清除图标的样式名。

<el-date-picker
  prefix-icon="my-icon"
  clear-icon="my-clear-icon"
  v-model="date"
  :editable="false"
  type="date"
  placeholder="选择日期">
</el-date-picker>

2. 在样式表中定义对应的图标样式，例如：

.my-icon::before {
  content: '\e65f';
  font-family: 'iconfont';
  color: #999;
  font-size: 14px;
}
.my-clear-icon::before {
  content: '\e69d';
  font-family: 'iconfont';
  color: #999;
  font-size: 14px;
}

其中，`content` 属性指定图标的 Unicode 码点，`font-family` 属性指定使用的字体，`color` 属性指定图标颜色，`font-size` 属性指定图标大小。

3. 如果要使用自定义图标字体，可以将字体文件放到项目中，并在样式表中引入：

@font-face {
  font-family: 'iconfont';
  src: url('./iconfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

其中，`url` 属性指定字体文件的路径和文件名。

通过以上步骤，就可以自定义 `el-date-picker` 组件的前缀图标和清除图标了。