<template>
<div class="app-container">
<el-date-picker
v-model="birthday"
type="date"
placeholder="请选择日期"
:picker-options="pickerOptions"
>
</el-date-picker>
</div>
</template>
<script>
export default {
name: "Birthday",
data() {
return {
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
},
},
birthday: ""
};
},
};
</script>
一、只能选择今天之前的日期
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
},
},
二、只能选择今天之后的日期
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now();
},
},
参考:DatePicker 日期选择器