1.添加 :picker-options=“pickerOptions” 属性
<el-date-picker
size="small"
value-format="yyyy-MM-dd"
v-model="value2"
type="date"
placeholder="选择日期"
@change="selectDate"
:picker-options="pickerOptions"
></el-date-picker>
2.在data中定义pickerOptions
<script>
export default {
data() {
return {
value2: "",
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
//time.getTime() > Date.now(); 选择今天及今天之前的日期;
//time.getTime() > Date.now() - 3600 * 1000 * 24;选择今天之前的日期,不包括今天;
//time.getTime() < Date.now();选择今天之后的日期;
//time.getTime() < Date.now() - 3600 * 1000 * 24;选择今天及今天之后的日期;
}
},
};
},
methods(){
}
}
</script>
3.当前代码效果