快捷導(dǎo)航

el-date-picker組件隱藏時(shí)間組件底部清空按鈕的操作步驟

更新時(shí)間：2024年06月22日 11:55:30 作者：小韓本韓！

工作中可能會(huì)遇到el-date-picker組件隱藏時(shí)間組件底部清空按鈕,接下來通過本文給大家分享el-date-picker組件如何隱藏時(shí)間組件底部清空按鈕,需要的朋友可以參考下

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判斷手機(jī)瀏覽器是橫屏還是豎屏問題
這篇文章主要介紹了使用JavaScript判斷手機(jī)瀏覽器是橫屏還是豎屏問題的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-08-08
今天小編就為大家分享一篇在Layui 的表格模板中,實(shí)現(xiàn)layer父頁面和子頁面?zhèn)髦到换サ姆椒?，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09

JS中箭頭函數(shù)與this的寫法和理解

這篇文章主要給大家介紹了關(guān)于JS中箭頭函數(shù)與this的寫法和理解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

2021-01-01

微信小程序?qū)崿F(xiàn)頁面導(dǎo)航與傳參功能詳解

這篇文章主要為大家詳細(xì)介紹一下微信小程序?qū)崿F(xiàn)頁面導(dǎo)航的幾種方法以及幫助大家掌握微信小程序如何進(jìn)行傳遞參數(shù)，感興趣的朋友可以了解一下

2022-08-08

基于canvas實(shí)現(xiàn)的鐘擺效果完整實(shí)例

這篇文章主要介紹了基于canvas實(shí)現(xiàn)的鐘擺效果,以完整實(shí)例形式分析了JavaScript結(jié)合html5的canvas技術(shù)實(shí)現(xiàn)鐘擺動(dòng)態(tài)旋轉(zhuǎn)效果的方法,需要的朋友可以參考下

2016-01-01

JS識(shí)別瀏覽器類型(電腦瀏覽器和手機(jī)瀏覽器)

本文給大家分享一段js代碼關(guān)于識(shí)別瀏覽器的類型是手機(jī)瀏覽器還是電腦瀏覽器，有需要的朋友可以參考下本文

2016-11-11

用JS簡(jiǎn)單實(shí)現(xiàn)九宮格抽獎(jiǎng)的示例代碼

在網(wǎng)上經(jīng)常看見一些抽獎(jiǎng)頁面,也玩過不同類型的抽獎(jiǎng)活動(dòng),但是一直沒有做過抽獎(jiǎng)的功能,所以今天來實(shí)現(xiàn)一個(gè)簡(jiǎn)單的九宮格抽獎(jiǎng)功能,文中有詳細(xì)的代碼示例供大家參考,感興趣的朋友可以自己動(dòng)手嘗試一下

2023-12-12