elementui-plus中el-date-picker禁选日期
在 Element UI Plus 中,要禁用 el-date-picker
组件中的特定日期,您可以使用 disabledDate
属性。这个属性接受一个方法,该方法会对每个日期进行判断,如果该方法返回 true
,则表示该日期不可选。
下面是一个例子,展示如何禁用周末(例如,周六和周日):
<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) {
// 获取星期几
const week = time.getDay();
// 周六和周日不可选
return week === 6 || week === 0; // 周六是6,周日是0
}
}
};
</script>
在这个例子中,disabledDate
方法检查当前日期的星期数,并返回 true
来禁用周六和周日。您可以根据需要修改这个方法,以禁用其他日期。
评论已关闭