el-date-picker去除自带的icon图标

Question

element组件的日期选择器el-date-picker如何去掉前面自带的icon，如果去不掉的话，有没有别的方法写日期选择器，
我这里用了他的一个属性clear-icon，但是不起作用，没有去掉

Answer 1

该回答引用GPTᴼᴾᴱᴺᴬᴵ
您可以通过以下两种方法去除el-date-picker组件前面的默认图标：

1.使用CSS样式隐藏默认图标
您可以使用CSS样式将默认图标隐藏，例如：

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

2.使用自定义模板
另一种方法是使用el-date-picker的自定义模板功能，将默认的图标替换为其他的图标或者文本。例如：

<el-date-picker
  v-model="date"
  type="date"
  :picker-options="pickerOptions"
  :format="dateFormat"
>
  <template #prefix>
    <!-- 可以在这里使用其他的图标或者文本代替默认图标 -->
  </template>
</el-date-picker>

在这个示例中，我们使用了一个匿名的#prefix插槽来自定义前缀。您可以在这个插槽中添加任何您想要的HTML内容来代替默认图标。

注意，如果您使用了自定义模板，那么在这个模板中，您需要手动添加日期选择器的逻辑，例如输入框、下拉箭头等。如果您只是想去除默认图标而不需要使用自定义模板，那么第一种方法会更加简单。