element-ui datepicker 如何给指定的日期修改样式

Question

工具：element-ui datepicker 日期选择器

问题：比如后台传给我几个日期（06-10，06-21，06-28如图），如何给这几个日期添加样式（如改变字体颜色等等）

另 如果没有办法用这个插件实现的话 大家有什么别的推荐吗

Answer 1

我用laydate替代了……

Answer 2

element-ui 2.12.0版本里picker Options新增了cellClassName

<el-date-picker type="date" :picker-options="pickerOptions" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>

data(){
  pickerOptions:{
    cellClassName(time){
       if(time.getTime() < Date.now() - 8.64e6){
         return 'red';
       }
    }
  }
}

<style lang="scss">
.red span{
  border:1px solid red;
  border-radius:50%;
}
</style>

Answer 3

这种定制化需求，最好自已封装组件。想怎么改就怎么改！网上封装的日历demo大把，可以学习一下

Answer 4

刚做完这个需求，低版本的可自定义样式，代码链接：https://e.coding.net/web_hua/...
详解见公众号：93STYLE女主编

Answer 5

我擦，我现在也有这个需求，怎么弄？？？
sorry，看错了，我用的是ant