日期选择器:禁用当前日期之后的日期选择

datePicker日期选择器
在这里插入图片描述
当我们要求只能选择今天之前的日期范围时,可以通过配置快捷选择中的disabledDate属性来控制。

pickerOptions: {
    
    
	shortcuts: [],
	disabledDate(time) {
    
    
		 return time.getTime() > Date.now() - 8.64e7;
	},
},

同样可以配置月份选择器:

disabledDate: (time) => {
    
    
		var date = new Date();
		var year = date.getFullYear();
		var month = date.getMonth() + 1;
		if (month >= 1 && month <= 9) {
    
    
				month = "0" + month;
		}
		var currentdate = year.toString() + month.toString();

		var timeyear = time.getFullYear();
		var timemonth = time.getMonth() + 1;
		if (timemonth >= 1 && timemonth <= 9) {
    
    
			timemonth = "0" + timemonth;
		}
		var timedate = timeyear.toString() + timemonth.toString();
		return currentdate < timedate;
	},

猜你喜欢

转载自blog.csdn.net/qq_43483403/article/details/122113069