隐藏element的DateTimePicker组件自带的清空按钮

管理台页面使用到el-date-picker，type = datetimerange 但是组件自带了清空按钮，实际上这个控件业务上代表开始时间和结束时间是一个必填选项，所有想要把清空按钮隐藏掉。
在这里插入图片描述

查看了文档https://element.eleme.io/#/zh-CN/component/datetime-picker，没有属性和方法可以隐藏清空按钮所以，想到使用display:none属性修改样式来隐藏按钮。

在全局样式定义noClear类选择器样式

在这里插入图片描述

/*日期时间组件不显示 清空按钮*/
.noClear .el-picker-panel__footer .el-button.el-picker-panel__link-btn.el-button--text.el-button--mini {display: none ;
}

通过f12定位到清空按钮，查看class,新定义一个.noClear样式就好了
在这里插入图片描述

在这里插入图片描述

成功隐藏了

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/355944.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！