美文网首页
element时间选择器时间限制

element时间选择器时间限制

作者: 程序员是粉色的 | 来源:发表于2020-01-10 17:03 被阅读0次
<el-date-picker type="daterange" :picker-options="pickerOptions0" >
</el-date-picker>


设置选择今天以及今天之后的日期
data (){
   return {
       pickerOptions0: {
          disabledDate(time) {
            return time.getTime() < Date.now() - 8.64e7;
          }
        },  
   }     
}    
设置选择今天以及今天以前的日期
data (){
   return {
       pickerOptions0: {
          disabledDate(time) {
            return time.getTime() > Date.now() - 8.64e6
          }
        },  
   }     
} 
设置选择今天之后的日期(不能选择当天时间)
data (){
   return {
       pickerOptions0: {
          disabledDate(time) {
            return time.getTime() < Date.now();
          }
        },  
   }     
}    
设置选择今天之前的日期(不能选择当天)
data (){
   return {
       pickerOptions0: {
          disabledDate(time) {
            return time.getTime() > Date.now();
          }
        },  
   }     
} 
data (){
   return {
       pickerOptions0: {
          disabledDate(time) {
            let curDate = (new Date()).getTime();
            let three = 90 * 24 * 3600 * 1000;
            let threeMonths = curDate - three;
            return time.getTime() > Date.now() || time.getTime() < threeMonths;;
          }
        },  
   }     
} 

相关文章

网友评论

      本文标题:element时间选择器时间限制

      本文链接:https://www.haomeiwen.com/subject/tckmactx.html