elementui 日期選擇器el-date-picker如何給指定日期添加圓點標注
更新時間：2024年07月02日 11:14:21 作者：weixin_45410246
這篇文章主要介紹了elementui 日期選擇器el-date-picker如何給指定日期添加圓點標注,本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
elementui 日期選擇器el-date-picker給指定日期添加圓點標注
<el-date-picker
v-model="time"
type="date"
:clearable="false"
:picker-options="pickerOptions"
popper-class="picker-popper"
placeholder="選擇起始時間">
</el-date-picker>```對需要添加圓點的日期進行判斷
arrayTime為需要添加圓點的日期
cellClassName (date) {
if (this.arrayTime.includes(this.dateFormatter('YYYY-MM-DD')(null, null, date))) {
return 'badge'
}
},```添加樣式 在style標簽中加入scoped樣式會不生效 使用popper-class類名避免樣式?jīng)_突
.picker-popper .el-date-table__row .badge::after {
position: absolute;
content: "";
left: 17px;
bottom: -3px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #8080ff;
}```到此這篇關于elementui 日期選擇器el-date-picker給指定日期添加圓點標注的文章就介紹到這了,更多相關elementui 日期選擇器el-date-picker內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
vue基于Echarts的拖拽數(shù)據(jù)可視化功能實現(xiàn)
這篇文章主要給大家介紹了關于vue基于Echars的拖拽數(shù)據(jù)可視化功能實現(xiàn)的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
這篇文章主要為大家詳細介紹了vue實現(xiàn)二級導航欄效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
vue+elementUI實現(xiàn)動態(tài)合并數(shù)據(jù)相同的單元格(可指定合并列)
這篇文章主要介紹了vue+elementUI如何實現(xiàn)動態(tài)合并數(shù)據(jù)相同的單元格,文中有詳細的代碼實例供大家參考,具有一定的參考價值,需要的朋友可以參考下2023-07-07
一文教會你搭建vite項目并配置路由和element-plus
由于項目搭建過程實在繁瑣,容易遺忘,每次新建項目還得百度一下怎么搭建,所以寫下本文提醒自己,下面這篇文章主要給大家介紹了關于搭建vite項目并配置路由和element-plus的相關資料,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了Vue組件之極簡的地址選擇器的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
vue項目keepAlive配合vuex動態(tài)設置路由緩存方式
vue項目keepAlive配合vuex動態(tài)設置路由緩存方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了Vue請求后端接口導出excel表格方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
前端vue按1920*1080設計圖的頁面適配屏幕縮放并適配4K屏詳解
最近在做一個數(shù)據(jù)可視化的項目,整個項目全是大屏展示,期間也是遇到很多問題,最令人頭疼的就是大屏的適配,下面這篇文章主要給大家介紹了前端vue按1920*1080設計圖的頁面適配屏幕縮放并適配4K屏的相關資料,需要的朋友可以參考下2022-11-11
在前端開發(fā)中,獲取登錄用戶的用戶名是一項常見的需求,這篇文章主要給大家介紹了關于前端Vue如何獲取登錄的用戶名或用戶id的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-07-07
vue-router清除url地址欄路由參數(shù)的操作代碼
這篇文章主要介紹了vue-router清除url地址欄路由參數(shù),本文給大家介紹的非常詳細,需要的朋友可以參考下2015-11-11