关于element-ui 日期控件时间范围控制

关于element-ui 日期控件时间范围控制

• 单个日期输入框

		<el-date-picker
		       v-model="value1"
		       type="date"
		       placeholder="选择日期"
		       :picker-options="pickerOptions">
		</el-date-picker>

1. 只能选择今天以及今天以后的日期

		data (){
		   return {
		       pickerOptions: {
		          disabledDate(time) {
		            return time.getTime() < Date.now() - 8.64e7;
		          }
		        },  
		   }     
		}  

2. 今天以及今天以前的日期

		data (){
		   return {
		       pickerOptions: {
		          disabledDate(time) {
		            return time.getTime() > Date.now() - 8.64e6
		          }
		        },  
		   }     
		} 

3. 今天之后的日期（不能选择今天）

		data (){
		   return {
		       pickerOptions: {
		          disabledDate(time) {
		            return time.getTime() < Date.now();
		          }
		        },  
		   }     
		} 

4. 今天之前的日期（不能选择今天）

		data (){
		   return {
		       pickerOptions: {
		          disabledDate(time) {
		            return time.getTime() > Date.now();
		          }
		        },  
		   }     
		}