vue element 時間選擇器設置禁用日期

在 el-date-picker 組件中有一個 picker-options 屬性

 

 

 disabledDate 可以設置日期的可選范圍

      <el-date-picker
        v-model="form.trailer.cutoff_time"
        type="datetime"
        value-format="yyyy-MM-dd HH:mm:ss" 
        :picker-options="pickerOptions">
      </el-date-picker>        

data 設置options，當前只設置了過去時間不可選，返回true代表禁用

     data() {
      return {  
        pickerOptions: {
          disabledDate(date){
            let zero=new Date().setHours(0, 0, 0, 0);
            if(date.getTime()<zero){
              return true;
            }
            return false;
          }
        },

展示圖