vue elementui <el-date-picker>日期选择框限制只能选择90天内的日期(包括今天)
在<el-date-picker>
中使用disabledDate
属性来限制不可选择的日期。你可以设置一个方法,该方法返回一个布尔值,表示某个日期是否不可选择。
以下是一个例子,展示如何设置<el-date-picker>
组件,使其只允许选择今天起90天内的日期(包括今天):
<template>
<el-date-picker
v-model="date"
type="date"
placeholder="选择日期"
:disabled-date="disabledDate"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
date: ''
};
},
methods: {
disabledDate(time) {
// 获取90天前的日期
const days90Ago = new Date();
days90Ago.setTime(days90Ago.getTime() - 90 * 24 * 3600 * 1000);
// 禁用今天之后的日期,并且禁用90天前的日期
return time.getTime() > Date.now() || time.getTime() < days90Ago.getTime();
}
}
};
</script>
在这个例子中,disabledDate
方法返回一个布尔值,如果选择的日期不在90天内(包括今天),则返回true
,表示该日期不可选择。
评论已关闭