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

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

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

clipboard.png

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

阅读 15.9k
5 个回答

我用laydate替代了……

新手上路,请多包涵

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>

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

新手上路,请多包涵
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题