el-date-picker禁用指定日期之前或之后的日期
在Element UI的el-date-picker
组件中,可以使用disabledDate
属性来禁用特定的日期。你需要提供一个方法,该方法接收一个日期作为参数,并返回一个布尔值来指示该日期是否被禁用。
以下是一个例子,展示如何禁用指定日期之前的所有日期:
<template>
<el-date-picker
v-model="value"
type="date"
placeholder="选择日期"
:disabled-date="disabledDate"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
value: ''
};
},
methods: {
disabledDate(time) {
// 禁用指定日期之前的所有日期
// 例如禁用2023-04-01之前的日期
return time.getTime() < new Date(2023, 3, 1).getTime();
}
}
};
</script>
如果你想禁用特定日期之后的所有日期,只需更改disabledDate
方法中的条件即可:
disabledDate(time) {
// 禁用2023-04-01之后的所有日期
return time.getTime() > new Date(2023, 3, 1).getTime();
}
请根据实际需求替换new Date(2023, 3, 1)
中的年、月、日为你想要禁用的特定日期。注意月份是从0开始的,即0代表1月,1代表2月,依此类推。
评论已关闭