效果图:
<el-date-picker v-model="value1" type="date" placeholder="选择日期"
:picker-options="pickerOptions">
</el-date-picker>
- 1、在组件data 声明 pickerOptions
data () { return { pickerOptionsStart: {} }; },
2、 在 生命周期(created) 需要改 pickerOptionsStart
// 禁止选择今天以及今天之前的日期
this.pickerOptionsStart = {
disabledDate: (time) => {
var today = new Date()
var targetdayMilliseconds = today.getTime() + 1000 * 60 * 60 * 24 * 8
// 这里的 8 就是多少天后,可以输入正数也可以输入负数
today.setTime(targetdayMilliseconds)
return time.getTime() < today.getTime()
}
}