ElementUI 日期选择月份，限制最近6个月，限制最近30天

1、选择月份，限制最近6个月

<template>
    <el-date-picker 
        :picker-options="pickerOptions_month" 
        v-model="dateVal"  value-format="yyyy-MM" type="monthrange" 
        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
    </el-date-picker>
</template>
<script>
export default {
    name: '',
    data() {
        return {
            dateValue:[],
            pickerOptions_month:{
                disabledDate(time){
                    //最近6个月
                    const now = new Date();
                    const sixMonthsAgo = new Date(now.getFullYear(), now.getMonth() - 5, 1);
                    return time.getTime() < sixMonthsAgo.getTime() || time.getTime() > now.getTime();
                }
            },
        }
    }
}
</script>

2、选择天数，限制最近30天

<template>
    <el-date-picker 
        :picker-options="pickerOptions" 
        v-model="dateValue" 
        value-format="yyyy-MM-dd" 
        type="daterange" 
        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
    </el-date-picker>
</template>
<script>
    export default {
        name: '',
        data() {
            return {
                dateValue:[],
                pickerOptions:{
                    disabledDate(time){
                        let date = new Date();
                        let day = date.getTime() - 30*24*3600*1000;
                        return time.getTime() > Date.now() || time.getTime() < day;
                    }
                },
            }
        }
    }
</script>