el-date-picker 修改前缀图标

在 Element UI 的 `el-date-picker` 组件中，如果你想修改日期选择器的前缀图标，主要是指日历的图标，你可以通过自定义主题或者直接修改组件的样式来实现。以下是两个方法：

1. **自定义主题**:
- 首先，在你的项目中安装 Element UI 的主题配置工具，如 `element-ui-codemod`：

     npm install element-ui-codemod --save-dev

- 然后，创建一个主题文件 `theme.js` 或者在已有的主题文件中添加：

     import { DatePicker } from 'element-ui';
     export default {
       components: {
         DatePicker: {
           props: {
             ...DatePicker.props,
             prefixIcon: '<svg class="custom-prefix-icon" />', // 自定义的图标HTML代码
           },
         },
       },
     };

- 将这个主题应用到你的 Vue 项目中。

2. **修改 CSS 样式**:
直接在你的 CSS 文件中，针对 `.el-date-picker__icon-button` 类选择器修改 `&::before`伪元素的背景图片或内容：

   .el-date-picker__icon-button::before {
     content: '\e60c'; // 更改为你的图标对应的 Unicode 字符，或使用绝对路径的 SVG 图标
   }

记得更新完图标后，如果需要显示在模态框内，可能还需要调整其 display 属性来覆盖默认样式。