Vue+elementUi的日期选择器 ，选择范围的限制不能大于或者小于当前时间

直接上干货！

  <el-form-item label="失效时间:" prop="failure">
         <el-date-picker v-model="ruleForm.failure" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" :picker-options="pickerOptions">
         </el-date-picker>
 </el-form-item>

选择今天以及今天之后的日期

data (){ 
   return {
     pickerOptions: { 
         disabledDate(time) {
            return time.getTime() < Date.now() - 8.64e7;//如果没有后面的-8.64e7就是不可以选择今天的 
         }
 },
    }
 }

选择今天以及今天以前的日期 同理 相反

data (){
   return {
       pickerOptions: {
          disabledDate(time) {
            return time.getTime() > Date.now() - 8.64e6;//如果没有后面的-8.64e6就是不可以选择今天的
          }
        },  
   }     
} 

最后 如果还想限制结束日期不能大于开始日期的话，请见下文
https://blog.csdn.net/CSDN_bare/article/details/107985390