element 时间选择器 月份选择范围控制 月份选择近半年

假如 需求是 当前月往后不可选 且 可以往前选择近半年  例如可选范围是 2020-10 ~ 2021-05(结束时间以当前向前推半年),代码没有优化 里面很多方法可以合并 着急就先丢上来了 勿喷😉

 <el-date-picker
    v-model="value2"
    type="month"
    placeholder="选择月"
    :picker-options="pickerOptions"
 >
 </el-date-picker>
pickerOptions: {
    disabledDate: (time) => {
        const date = new Date();
        const year = date.getFullYear();
        let month = date.getMonth() + 1;
        if (month >= 1 && month <= 9) {
            month = '0' + month;
        }
        const currentdate = year.toString() + month.toString();  // 当前年月

        const page_year = time.getFullYear();
        let page_month = time.getMonth() + 1;
        if (page_month >= 1 && page_month <= 9) {
            page_month = '0' + page_month;
        }
        const pageDate = page_year.toString() + page_month.toString();  //页面中的年月


        let min_year = date.getFullYear();
        let min_month = date.getMonth() + 1 - 5;
        if(min_month <= 0) {
            min_year = min_year - 1;
            min_month = 12 + min_month;
        }
        if (min_month >= 1 && min_month <= 9) {
            min_month = '0' + min_month;
        }
        const minDate = min_year.toString() + min_month.toString(); // 最小年月

        return currentdate < pageDate || pageDate < minDate;
    },
},

 

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值