两个日期选择框所选日期都不能大于今天,第二个日期选择框所选日期在第一个日期之后。效果如下图:
第二个日期只能选择2017-02 ~ (2017-06)本月
<template>
<div class="block">
<span class="demonstration">默认</span>
<el-date-picker
v-model="value1"
type="month"
placeholder="选择日期"
:picker-options="pickerOptions0">
</el-date-picker>
</div>
<div class="block">
<span class="demonstration">默认</span>
<el-date-picker
v-model="value2"
type="month"
placeholder="选择日期"
:picker-options="pickerOptions1">
</el-date-picker>
</div>
</template>
<script>
export default {
data() {
let that = this;
return {
value1: '',
value2: '',
pickerOptions0: {
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e7;
}
},
pickerOptions1: {
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e7 ||
time.getTime() < new Date(that.value1).getTime();
}
},
};
}
};
</script>