Element ui 时间选择器，年月日改月-日 加禁用

Element ui 时间选择器，选择月-日 加禁用月
1.通过CSS将date类型时间选择器部分样式隐藏，如图所示：

picker-date 是自定义class

 /*!*选择日期，年份的隐藏 *!*/
 /*第三个标签是span的标签，把它隐藏*/
 .picker-date  .el-date-picker__header span:nth-child(3) { 
      display: none;
  }
 .picker-date .el-date-picker__header button:nth-child(1) {
      display: none;
  }
  .picker-date .el-date-picker__header button:nth-child(5) {
      display: none;
  }

<el-date-picker popper-class="picker-date"
    v-model="scope.row.periodStart"
    value-format="MM-dd"
    :clearable="false"
    format="MM月dd"
    type="date"
    :picker-options="pickerOptionStart"
     placeholder="选择日期">
</el-date-picker>

在date中初始化定义一下

var vue = new Vue({
  data() {
       return {
           pickerOptionStart: {
           //这里只是初始化，不初始化，下面的方法绑定不上
            disabledDate: () => {
                 return true;
             }
           },
       }
   },
})

methods: {
   //这个里的方法可以绑定事件使用，或者做联动使用
   text(){
       this.pickerOptionStart.disabledDate = (time)=>{
           //禁用月和日，自己做判断
       }
   },
}