设置当日之后的日期不可选择

expireTimeOption: {
				disabledDate(date) {
				 //disabledDate 文档上:设置禁用状态,参数为当前日期,要求返回 Boolean
					return date.getTime() > Date.now();
				}
			},

设置当日之前的日期不可选择

expireTimeOption: {
				disabledDate(date) {
					return date.getTime() < Date.now() - 24 * 60 * 60 * 1000;
				}
			},

都是写在data的return里, el-date-picker中这样设置

<el-date-picker
 type="date" 
:picker-options="expireTimeOption" //关键
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
v-model="date" 
style="width: 100%;"></el-date-picker>

参考设置当前日期之前/之后的日期不可选

Logo

前往低代码交流专区

更多推荐