elementUI中使用时间选择器,限时可选时间段

项目需要限制可选的时间在过去的30天内,比如今天4月23日,那么时间选择器的范围就是3.25-4.23日之间,其他时间需要禁用

     <el-date-picker size="small" v-model="logDayVal" :picker-options="pickerOptions" type="daterange" value-format="yyyy-MM-dd" start-placeholder="开始日期" range-separator="至" end-placeholder="结束日期"></el-date-picker>

data(){
	return {
		pickerOptions: { //设置时间选择器的禁用时间
                disabledDate(time) {
                    let a = time.getTime() < Date.now() - 3600 * 1000 * 24 * 30  //限制过去的30天内
                    let b = time.getTime() > Date.now();  //限制不能超过今天
                    return a || b
                }
            },
	}
}

如此即可达到需求的效果