2.element ui 实现开始时间、结束时间联动

• 在时间控件上绑定picker-options属性

<el-date-picker  2               v-model="startTime"
 type="date"
 placeholder="选择开始日期"
 size="small"
 :picker-options="pickerOptions0"
            /> -  8             <el-date-picker  9               v-model="endTime"
 type="date"
 placeholder="选择结束日期"
 size="small"
 :picker-options="pickerOptions1"
            />

• 绑定data
• 定义方法

   pickerOptions0: {  2  disabledDate: (time) => {  3  if (this.endTime !== '' && this.endTime != null) {  4  return time.getTime() > this.endTime  5  } else {  6             return time.getTime() < this.endTime  7  }  8  }  9  }, 10  pickerOptions1: { 11  disabledDate: (time) => { 12  if (this.startTime !== '') { 13             return time.getTime() < this.startTime 14  } 15  } 16  }