el-date-picker设置可选范围
您可以使用el-date-picker的属性disabledDate来设置可选范围。disabledDate是一个函数,它接收一个日期作为参数,您可以在函数中根据需要返回一个布尔值来决定该日期是否可选。
以下是一个示例:
<template>
<div>
<el-date-picker
v-model="selectedDate"
:disabled-date="disabledDate"
></el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
selectedDate: null
};
},
methods: {
disabledDate(date) {
// 设置可选范围为今天之前的日期和未来10天之后的日期
const today = new Date();
const tenDaysLater = new Date(today.getTime() + 10 * 24 * 60 * 60 * 1000);
return date < today || date > tenDaysLater;
}
}
};
</script>
在上面的示例中,disabledDate函数会判断日期是否在今天之前或者未来10天之后,如果是则返回true,表示该日期不可选
原文地址: http://www.cveoy.top/t/topic/ispC 著作权归作者所有。请勿转载和采集!