element el-date-picker选择时间范围限制

element el-date-picker选择时间范围限制

<el-date-picker
                            v-model="dateValue"
                            type="datetimerange"
                            range-separator="至"
                            @change="onChageDate"
                            :picker-options="editStopOptions"
                            format="yyyy-MM-dd HH:mm:ss"
                            value-format="yyyy-MM-dd HH:mm:ss"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期">
                        </el-date-picker>

选择日期限制一个月内，最小时间大于一个小时

data(){
	return:{
		editStopOptions: {
                onPick:({maxDate,minDate}) =>{
                    this.pickDate = minDate.getTime()
                    if(maxDate){
                        this.pickDate = ''
                    }
                },
                disabledDate: time => {
                    let choiceDateTime = new Date(this.pickDate).getTime()
                    const min = new Date(choiceDateTime).setMonth(new Date(choiceDateTime).getMonth() - 1 )
                    const max = new Date(choiceDateTime).setMonth(new Date(choiceDateTime).getMonth() + 1 )
                    if(this.pickDate){
                        if(time.getTime() < new Date().getTime()){
                            return time.getTime() < min || time.getTime() > max
                        }
                    }
                    return time.getTime() > new Date().getTime()
                }
            },
	}
}

效果图