element-ui日期时间组件el-date-picker设置禁用日期
在Element UI的日期时间选择器组件el-date-picker
中,可以通过设置disabledDate
属性来禁用特定的日期。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) {
return time.getTime() < Date.now() - 8.64e7; // 8.64e7 毫秒数代表一天
}
}
};
</script>
在这个例子中,disabledDate
方法返回一个布尔值,如果当前日期小于(今天日期减去一天的毫秒数),则表示该日期是禁用的。这里使用Date.now()
获取当前时间的毫秒数,并减去一天的毫秒数来禁用今天之前的所有日期。您可以根据需要修改这个方法,以禁用特定的日期范围或单独的日期。
评论已关闭