el-date-picker去掉图标
时间: 2023-08-21 08:04:53 浏览: 166
要去掉el-date-picker组件的图标,可以通过以下步骤进行操作:
1. 在父组件的代码中,找到使用el-date-picker的地方。通常会有一个类似于<el-form-item>的标签包裹着el-date-picker组件。
2. 在该标签中,找到对应的<i>标签,该标签通常有一个类名为"el-icon-date"的类。这个<i>标签就是el-date-picker组件的图标所在的标签。
3. 将该<i>标签的类名修改为其他的类名,或者直接移除该<i>标签。这样就可以去掉el-date-picker组件的图标了。
请注意,在修改代码时要小心不要破坏其他的功能或样式。确保修改之后的代码能正常工作。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [elementui中日期组件,日期图标在右边,有删除图标(完整代码)](https://blog.csdn.net/weixin_38345306/article/details/126662821)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [el-date-picker设置右侧显示图标,时间选择后:滑入显示清除icon,显示清除图标](https://blog.csdn.net/weixin_49717920/article/details/128826954)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]