el时间选择器删除icon

要删除Element UI时间选择器的图标，你可以采取以下两种方法：

方法一：通过CSS样式隐藏图标
你可以使用CSS样式将图标隐藏起来。根据引用中的代码和引用中的代码，你可以将以下代码添加到你的样式表中：
.el-range__icon {
display: none;
}

或者，根据引用中的代码，你可以将以下代码添加到你的样式表中：
.prefix-icon-class {
display: none;
}

这样做会使图标在页面上不可见，从而实现删除图标的效果。

方法二：通过修改Element UI组件属性
你可以直接修改Element UI组件的属性来删除图标。根据引用中的代码，你可以将以下代码添加到你的Vue组件中：
<el-date-picker v-model="dateRange" type="daterange" :clearable='false' range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="{ showIcon: false }"></el-date-picker>

这样做会将时间选择器的图标隐藏起来，实现删除图标的效果。

综上所述，你可以通过以上两种方法中的任何一种来删除Element UI时间选择器的图标。

相关问题

elementui日期时间选择器更换icon

要更换 ElementUI 日期时间选择器中的 icon，可以按照以下步骤操作：

1. 首先，需要从阿里 iconfont 中下载所需的 icon。

2. 在项目中引入 iconfont 文件，可以通过在 index.html 文件中添加如下代码：

<link rel="stylesheet" href="//at.alicdn.com/t/font_1234567_abcd1234.css">

其中，1234567_abcd1234 是你的 iconfont 项目的 ID，具体的 ID 可以在 iconfont 官网中找到。

3. 找到包含日期时间选择器 icon 的 CSS 类。该类通常是 .el-date-picker__time-icon，但具体的类名可能因不同的 ElementUI 版本而有所不同。

4. 将该类中的 font-family 属性修改为 iconfont 项目中的字体名称，例如：

.el-date-picker__time-icon {
  font-family: 'iconfont';
}

5. 在该类中添加 content 属性，以指定要使用的 icon 的 Unicode 码点，例如：

.el-date-picker__time-icon {
  font-family: 'iconfont';
  content: '\e64e';
}

其中，\e64e 是你要使用的 icon 的 Unicode 码点，具体的码点可以在 iconfont 官网中找到。

6. 保存修改后的样式文件并重新编译项目，即可看到更换后的 icon。

注意：在修改 ElementUI 样式文件时，应该使用自定义主题而不是直接修改 ElementUI 的源代码，以避免升级 ElementUI 时造成冲突和困难。

elementui日期时间选择器更换阿里icon

要更换 ElementUI 日期时间选择器中的阿里 icon，可以按照以下步骤操作：

1. 首先，需要从阿里 iconfont 中下载所需的 icon。

2. 然后，在 ElementUI 中找到日期时间选择器组件的样式文件，通常是在 node_modules/element-ui/lib/theme-chalk/date-picker.css 中。

3. 在样式文件中找到包含日期时间选择器 icon 的 CSS 类。该类通常是 .el-date-picker__time-icon，但具体的类名可能因不同的 ElementUI 版本而有所不同。

4. 将该类中的 background-image 属性的 URL 修改为下载的阿里 icon 的 URL。

5. 保存修改后的样式文件并重新编译项目，即可看到更换后的 icon。

注意：在修改 ElementUI 样式文件时，应该使用自定义主题而不是直接修改 ElementUI 的源代码，以避免升级 ElementUI 时造成冲突和困难。