vue - elementUI组件库＜el-date-picker＞日期选择器限制 “只能选当天和当天以后“ 的日期，限制用户只能选择今天以后(包括今天)的日期时间（详细示例源码，一键复制开箱即用）
在Element UI的<el-date-picker>组件中，可以通过设置picker-options来限制日期选择器的日期范围。以下是一个实例代码，展示如何设置<el-date-picker>组件，以便只能选择当天及之后的日期：
<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) {
return time.getTime() < Date.now() - 8.64e7; // 如果现在时间之前，则不可选
},
},
};
},
};
</script>在这个例子中，disabledDate 函数用于定义哪些日期是不可选的。Date.now() - 8.64e7 计算得到的是当天的0点时间戳，所以在这个函数中，小于这个值的日期都会被禁用，也就是说，只有当天及之后的日期可以选择。
评论已关闭