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  }