element+vue 设置指定日期到今天的日期可选择

782 阅读1分钟
<el-date-picker size="mini"
value-format="yyyy-MM-dd" @change="pickerChange"
v-model="value2" type="daterange" 
align="right" unlink-panels
range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" :picker-options="pickerOptions">
</el-date-picker>



<template>
   	export default{
       data(){
         pickerOptions:{
          shortcuts[{}], //用户填入快捷选项内容 具体element中有 不做过多解释
          disabledDate(v){
          	let sDate= "2020-03-31";   //指定的日期 根据项目来
			let date2 = new Date():
	        let date1 = new Date(Date.parse(sDate.replace(/-/g , "/")))
	        let totalDate = parseInt(Math.abs(date2.getTime()- date1.getTime()) /1000/60/60/24);
			let curDate = (new Date()).getTime();
            let three = 3600 * 1000 * 24 * totalDate;
            let threeMonths = curDate - three;
            return v.getTime() > Date.now() || v.getTime() < threeMonths;
          }
         }
       }
    }
</template>