element-ui 日期选择器——限制时间选择范围

 

HTML:

<el-date-picker
     v-model="form.payoff"
     type="date"
     placeholder="请选择日期"
     value-format="yyyy-MM-dd"
     :picker-options="pickerOptions1">
</el-date-picker>

 

 

JS:

场景：设置选择今天以及今天以前的日期

data (){
   return {

　　　　　// picker-options的值是一个对象,他的disabledDate属性可以设置禁用日期

　　　　　pickerOptions1: { 

　　　　　　disabledDate(time) 

　　　　　　　// 这里减8.64e7的作用是,让今天的日期可以选择,如果不减的话,今天的日期就不可以选择,判断中写<= 也是没用的,一天的毫秒数就是8.64e7　　

　　　　　　　return time.getTime() >= new Date().getTime()

　　　　　　　return time.getTime() >= new Date().getTime()- 8.64e7

　
          }
        },  
   }     
}