element ui 日期控件範圍時間限制記錄、以及計算兩個日期之間的天數

日期的篩選常常會有最小的日期選擇，例如：當前日期

:clearable="false"
  :picker-options="pickerOptions0"
  value-format="yyyy-MM-dd"
  v-model="startTime"
  type="date"
  placeholder="選擇日期">
  </el-date-picker>

  <el-date-picker
  :clearable="false"
  :picker-options="pickerOptions1"
  value-format="yyyy-MM-dd"
  v-model="endTime"
  type="date"
  placeholder="選擇日期">
  </el-date-picker>
//開始時間小於等於今天可選
  pickerOptions0: {
    disabledDate(time) {
      return time.getTime() < Date.now() - 8.64e7;
    }
  },
//結束時間小於等於開始時間可選  - 8.64e7
  pickerOptions1: {
    disabledDate: (time) => {
      return time.getTime() < Date.now() - 8.64e7 ||
        time.getTime() < new Date(that.value1).getTime()- 8.64e7;
    }
  },

 設置選擇的日期格式

<el-date-picker type="date" placeholder="出發日期" v-model="userDate.date1" :picker-options="pickerOptions0" style="width: 100%;" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd"></el-date-picker>

計算兩個日期相差多少天

 

/**
            * 計算兩個日期相差的天數
            * sDate1和sDate2是2006-12-18格式 
            */
            DateDiff(sDate1, sDate2){    
                 var  aDate,  oDate1,  oDate2,  iDays  
                 aDate   =  sDate1.split("-")  
                 oDate1 = new Date(aDate[0] , aDate[1] ,aDate[2])    //轉換爲12-18-2006格式  
                 aDate   =  sDate2.split("-")  
                 oDate2 = new Date(aDate[0] , aDate[1] , aDate[2])  
                 iDays   =  parseInt(Math.abs(oDate1  -  oDate2)  /  1000  /  60  /  60  /24)    //把相差的毫秒數轉換爲天數  
                return  iDays
            },