el-date-picker给定日期设置给定日期之后的日期可选
您可以通过设置 start 属性来指定可选日期范围。具体来说,您可以设置 start 属性为给定日期的下一天。以下是一个示例:
<el-date-picker
v-model="selectedDate"
:start="getNextDay(date)"
:picker-options="pickerOptions"
></el-date-picker>
data() {
return {
date: new Date(),
selectedDate: null,
pickerOptions: {
disabledDate: (time) => {
if (this.selectedDate) {
return time.getTime() < this.selectedDate.getTime();
}
return false;
}
}
}
},
methods: {
getNextDay(date) {
const nextDay = new Date(date);
nextDay.setDate(nextDay.getDate() + 1);
return nextDay;
}
}
在上面的示例中,我们通过 getNextDay 方法将给定日期增加一天,并将其作为 start 属性的初始值。然后,我们使用 pickerOptions 来设置 disabledDate 方法,该方法会禁用早于选定日期的日期
原文地址: http://www.cveoy.top/t/topic/ispP 著作权归作者所有。请勿转载和采集!