el-date-picker隐藏此刻按钮
时间: 2023-11-09 12:02:09 浏览: 87
要隐藏 Element UI 的 el-date-picker 组件中的“此刻”按钮,可以通过设置 picker-options 属性来实现。具体方法是在该属性中设置 show-now 属性为 false。
示例代码如下:
```
<el-date-picker
v-model="date"
type="datetime"
:picker-options="{ showNow: false }">
</el-date-picker>
```
相关问题
el-date-picker 隐藏此刻按钮
要隐藏el-date-picker组件中的"此刻"按钮,可以在该组件的标签内添加popper-class属性,并将其值设置为"no-atTheMoment"。这是官方提供的日期弹出层添加样式的方法之一。通过添加这个类名,可以限制不想显示"此刻"按钮的情况,如果想显示该按钮,则可以将该类名移除。
以下是一个示例代码:
```html
<el-date-picker v-model="postData.startDateTime" type="datetime" popper-class="no-atTheMoment" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptionsStartDateTime" placeholder="开始时间"></el-date-picker>
```
在上述代码中,我们将popper-class属性设置为"no-atTheMoment",这样就可以隐藏el-date-picker组件中的"此刻"按钮。
el-date-picker去掉此刻按钮
要去掉el-date-picker中的“此刻”按钮,可以通过在组件中添加popper-class="hide-time"属性,并在全局样式中添加样式修改来实现。具体方法如下:
1. 在el-date-picker组件中添加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>
2. 在全局样式中添加样式修改,如下所示:
.el-picker-panel.hide-time {
.el-button--text.el-picker-panel__link-btn {
display: none;
}
}
这样就可以去掉el-date-picker中的“此刻”按钮了。
相关推荐
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)