vue+element中如何设置单个el-date-picker开始时间和结束时间关联

功能：选了开始时间，则结束时间只能选择开始时间之后的；选了结束时间，则开始时间只能选择结束时间之前的   重点是picker-options属性

 图示：

 

 

代码展示:

// body 内部


   
   


                至


   
   


// js内容

computed:{
    startPickerOptions() {
      const that = this;
      return {
        disabledDate(time) {
          if (that.endCheckTime) { // 如果有结束时间  这结束时间之后的都不能选
            return (
              time.getTime() > new Date(that.endCheckTime).getTime()
            );
          }
        },
      }
        
    },
    endPickerOptions() {
      const that = this;
      return {
        disabledDate(time) {
          if (that.startCheckTime) { // 如果有开始时间  这开始时间之前的都不能选
           return (
              time.getTime() < new Date(that.startCheckTime).getTime() - 8.64e7
            );
          }
        },
      }
    },
}