elementUI日期时间组件如何限制只能选择当前时刻的前三天
在Element UI的日期时间选择器组件中,如果你想要限制只能选择当前时间前三天的日期,你可以通过设置picker-options
属性来实现。以下是一个示例代码:
<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) {
// 获取当前日期的0时0分0秒的时间戳
let now = new Date().setHours(0, 0, 0, 0);
// 当前日期前三天的时间戳
let threeDaysBefore = now - (3 * 24 * 3600 * 1000);
// 禁用今天之后的日期
return time.getTime() > now || time.getTime() < threeDaysBefore;
}
}
};
}
};
</script>
在这个示例中,disabledDate
函数用于定义哪些日期是不可选择的。这里我们禁用了今天之后的日期,并且只允许选择当前日期前三天的日期。
评论已关闭