element-ui 日期时间选择器el-date-picker 设置禁止选择日期
在Element UI的el-date-picker
组件中,可以使用disabledDate
属性来设置不可选择的日期。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
方法返回一个布尔值,表示当前日期是否不可选。这里用Date.now()
获取当前时间的毫秒数,并减去一天的毫秒数(8.64e7)来禁用今天之前的所有日期。如果你想禁用特定的日期范围或单个日期,可以在这个方法中添加相应的逻辑。
评论已关闭