美文网首页
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