欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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;
}```

到此這篇關(guān)于elementui 日期選擇器el-date-picker給指定日期添加圓點標注的文章就介紹到這了,更多相關(guān)elementui 日期選擇器el-date-picker內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論