elementui 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) {
// 例如禁用今天之前的日期
return time.getTime() < Date.now() - 8.64e7;
}
}
};
</script>在这个例子中，disabledDate方法通过比较当前日期的时间戳和今天日期8.64e7毫秒（即1天的毫秒数）来禁用今天之前的所有日期。您可以根据需要修改这个方法，以实现其他的禁用逻辑。
评论已关闭