效果图:
<el-date-picker
size="small"
v-model="time"
type="daterange"
:picker-options="pickerOptions"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
data(){
return{
time:[],
startTime:'2021-06-29',
endTime:'2021-07-07',
pickerOptions: {
disabledDate: (time) => {
let beginDate = new Date(this.startTime)
let endDate = new Date(this.endTime)
return time.getTime() > endDate.getTime() || time.getTime() < beginDate.getTime()
},
}
}
}