elementUI中的日期选择器,怎么设置从已知月份到现在月份区间限制?

  <el-date-picker
        v-model="queryObj.year"
        type="month"
        placeholder="请选择月份"
        style="width: 100%"
        size="large"
        value-format="yyyy-MM"
        @change="getReport"
        :picker-options="pickerBeginDateBefore"
      >
      </el-date-picker>
      
js
 //设置当前年月之前的数据可以查看
      pickerBeginDateBefore: {
        disabledDate: (time) => {
          //newDate(time).getTime()  time是xxxx-xx-xx的格式(年月日)   获取到13位的时间戳
          //this.entryTime是入职时间(已知日期,年月日)
          let timeString = new Date(this.entryTime).getTime() ;  //转时间戳
          const joinYear = this.entryTime.slice(0, 4);
          const FullYear = time.getFullYear();   //选择的年份
          let myDate = new Date();
          const year = myDate.getFullYear();   //当前年份
          //   点击选择的年份大于当前年份或者小于起始年份  //先限制年份
          if (FullYear > year || FullYear<joinYear) {
            return true;
          } else {
            let t = myDate.getDate();
            // 选择的时间
            return time.getTime() > Date.now() - 8.64e7 * t||time.getTime()<timeString;
          }
        },
      },

问题描述: 比如根据后台返回的字段 entryTime:2021-10-09  (某员工的入职时间),现在需要限制从入职年月开始至当前年月的区间才可以选择,此时无法单独比较年和月,所以考虑将入职日期和当前日期转化为时间戳进行对比,即上述代码的: let timeString=new Date(this.entryTime).getTime()

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值