el-date-picker組件隱藏時(shí)間組件底部清空按鈕的操作步驟
更新時(shí)間：2024年06月22日 11:55:30 作者：小韓本韓！
工作中可能會(huì)遇到el-date-picker組件隱藏時(shí)間組件底部清空按鈕,接下來(lái)通過本文給大家分享el-date-picker組件如何隱藏時(shí)間組件底部清空按鈕,需要的朋友可以參考下
工作中可能會(huì)遇到el-date-picker組件隱藏時(shí)間組件底部清空按鈕
分為兩種 ：
如果你想要實(shí)現(xiàn)全部的el-date-picker的清空隱藏 和 某一個(gè)頁(yè)面的el-date-picker的清空隱藏
1 全局隱藏
步驟1：在element-ui.scss中添加如下代碼：
.el-picker-panel__footer .el-picker-panel__link-btn.el-button--text {
display: none;
}2 局部隱藏
步驟1： 在el-date-picker組件添加popper-class="date-clear"
<el-date-picker
v-model="dateRange"
popper-class="date-clear"
style="width: 360px"
type="datetimerange"
range-separator="-"
start-placeholder="開始日期"
end-placeholder="結(jié)束日期"
:default-time="['00:00:00', '23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss"
:clearable="false"
@change="handleDate"
/>官網(wǎng)有介紹的
步驟2：在element-ui.scss中添加如下代碼：
.date-clear .el-picker-panel__footer .el-picker-panel__link-btn.el-button--text {
display: none !important;
} 最后實(shí)現(xiàn)
如下是隱藏前和隱藏后：
到此這篇關(guān)于el-date-picker組件如何隱藏時(shí)間組件底部清空按鈕的文章就介紹到這了,更多相關(guān)el-date-picker組件隱藏底部清空按鈕內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
使用javascript實(shí)現(xiàn)一個(gè)在線RGB顏色轉(zhuǎn)換器
目前已經(jīng)有很多網(wǎng)頁(yè)版在線小工具,之前很多窗體化的工具也逐漸網(wǎng)頁(yè)化,比如：PS畫圖軟件,也都能直接網(wǎng)頁(yè)化進(jìn)行設(shè)計(jì),由于自己實(shí)際項(xiàng)目經(jīng)常會(huì)用到顏色轉(zhuǎn)換,所以直接自己開發(fā)個(gè)簡(jiǎn)單版的在線顏色轉(zhuǎn)換小工具,需要的朋友可以參考下2024-01-01
JavaScript讀寫二進(jìn)制數(shù)據(jù)的方法詳解
avascript里有兩個(gè)內(nèi)置對(duì)象，一個(gè)是ArrayBuffer；一個(gè)是DataView，讀寫二進(jìn)制數(shù)據(jù)都需要使用這兩個(gè)對(duì)象。這篇文章主要給大家介紹了關(guān)于JavaScript讀寫二進(jìn)制數(shù)據(jù)的方法，需要的朋友可以參考下2018-09-09
這篇文章主要介紹了JS簡(jiǎn)單獲取日期相差天數(shù)的方法,涉及javascript日期時(shí)間的轉(zhuǎn)換與運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
document節(jié)點(diǎn)對(duì)象的獲取方式示例介紹
如果要操作一個(gè)元素，首先要獲取到它，下面為大家介紹下document節(jié)點(diǎn)對(duì)象的獲取方式，感興趣的朋友不要錯(cuò)過2013-12-12
這篇文章主要介紹了淺談javascript 函數(shù)屬性和方法的相關(guān)資料,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了Bootstarp風(fēng)格的toggle效果分享的相關(guān)資料,需要的朋友可以參考下2016-02-02
JS實(shí)現(xiàn)點(diǎn)擊事件統(tǒng)計(jì)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇JS實(shí)現(xiàn)點(diǎn)擊事件統(tǒng)計(jì)的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-07-07
雖然有越來(lái)越多的網(wǎng)站在應(yīng)用AJAX技術(shù)進(jìn)行開發(fā)，但是構(gòu)建一個(gè)復(fù)雜的AJAX應(yīng)用仍然是一個(gè)難題。接下來(lái)小編給大家介紹JavaScript多線程，需要的朋友可以參考下2015-08-08
使用JavaScript字符串解決回文數(shù)的方案詳解
這篇文章主要介紹了使用JavaScript字符串解決回文數(shù)的方案,JavaScript中的字符串是一種數(shù)據(jù)類型,用于表示文本數(shù)據(jù),字符串可以包含任意字符序列,包括字母、數(shù)字、符號(hào)和空格,靈活掌握字符串的解決問題思想,巧用字符串解決回文數(shù),需要的朋友可以參考下2024-05-05
JavaScript中有七種原始數(shù)據(jù)類型和幾種引用數(shù)據(jù)類型,本文將清楚地介紹四種用于類型判斷的方法,分別是typeOf、instanceOf、Object.prototype.toString.call()、Array.isArray(),并介紹其使用方法和判定原理,需要的朋友可以參考下2024-08-08