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

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

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

clipboard.png

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

阅读 3.3k
评论
    5 个回答

    我用laydate替代了……

      • 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>

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

          • 1
          • 新人请关照
            • 3
            • 新人请关照

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

            该答案已被忽略,原因:

              撰写回答

              登录后参与交流、获取后续更新提醒