element datepicker时间日期组件中的此刻按钮隐藏掉

想要隐藏日期组件的此刻按钮,直接在组件中加· popper-class=“hide-time”·,然后再对样式进行修改,不生效。
解决办法:
在全局样式中添加样式修改

.el-picker-panel.hide-time {
    .el-button--text.el-picker-panel__link-btn {
        display: none;
    }
}

在datepicker 组件中增加·popper-class=“hide-time”·

<el-date-picker
	v-model="formData.end_at"
	popper-class="hide-time"
	placeholder="请选择时间"
	type="datetime"
	:picker-options="pickerOptions"
	format="yyyy-MM-dd HH:mm:ss"
	value-format="yyyy-MM-dd HH:mm:ss"
	prefix-icon="el-icon-date"
	>
</el-date-picker>

一个加了hied-time类名,一个没有加,效果展示如图
在这里插入图片描述
在这里插入图片描述

GitHub 加速计划 / eleme / element
12
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:10 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐