选择范围是同一个月
<el-date-picker
v-model="listQuery.beginTime"
style="width: 180px"
type="date"
placeholder="开始日期"
value-format="yyyy-MM-dd"
@change="changeTime"
:picker-options="pickerOptionStart"
>
</el-date-picker>
<span>至</span>
<el-date-picker
v-model="listQuery.endTime"
:disabled="!listQuery.beginTime"
style="width: 180px"
type="date"
placeholder="结束日期"
value-format="yyyy-MM-dd"
:picker-options="disabledDate"
>
</el-date-picker>
pickerOptionStart: {
disabledDate:date=>{
return date.getTime() > Date.now()
}
},
disabledDate:{
disabledDate:date=>{
let that=this;
return date.getTime() <
new Date(new Date(that.listQuery.beginTime) - 24 * 60 * 60 * 1000).getTime() || date.getTime() > new Date(
that.year,
that.month - 1,
new Date(that.year, that.month, 0).getDate(),
).getTime() || date.getTime() > Date.now()
}
},