Vue使用ElementUI的DateTimePicker的时间限制选择范围

//1.只能选择今天之后的日期
data (){
   return {
       pickerOptions: {
          disabledDate(time) {
            return time.getTime() < Date.now();
          }
        },  
   }     
}

//2、开始日期不得选择早于今天
pickerOptions:{  //写在data函数里
        disabledDate:time =>{
          return time.getTime() < Date.now() - 8.64e7;
        }
      },

:picker-options="pickerOptions"   //绑定在组件里面

//3、只能选择今天以及以前的日期
 pickerOptions: {
          disabledDate(time) {
            return time.getTime() > Date.now() - 8.64e6
          }
        }, 

//4.只能选择今天之前的日期
data (){
   return {
       pickerOptions0: {
          disabledDate(time) {
            return time.getTime() > Date.now();
          }
        },  
   }     
}

//5.设置选择三个月之前到今天的日期
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;;
          }
        }, 
   }    
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容