elementUI日期选择器设置禁用范围
在Element UI中,可以使用PickerOptions
来设置日期选择器的禁用范围。以下是一个示例代码,展示了如何设置日期选择器禁用特定的日期范围:
<template>
<el-date-picker
v-model="value"
type="date"
placeholder="选择日期"
:picker-options="pickerOptions">
</el-date-picker>
</template>
<script>
export default {
data() {
return {
value: '',
pickerOptions: {
disabledDate(time) {
// 禁用从2023年1月1日到2023年1月10日的日期
return (
time.getTime() < new Date(2023, 0, 1).getTime() ||
time.getTime() > new Date(2023, 0, 10).getTime()
);
}
}
};
}
};
</script>
在这个例子中,disabledDate
函数定义了哪些日期是不可选的。在这个函数中,你可以自定义你想禁用的日期逻辑。例如,你可以使用getTime
方法来比较时间戳,以确定哪些日期在禁用范围内。
评论已关闭