Element UI的日期选择器el-date-picker设定可选范围

秒速五厘米 2022-09-11 05:20 276阅读 0赞

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5oub5pGHwrA_size_20_color_FFFFFF_t_70_g_se_x_16]

## 背景： ##

日期选择器只可选地址栏传过来的月份（那一个月中的日期可选）

## 方法： ##

data() { 
        let self = this
        return { 
          pickerOptions0: { 
              disabledDate(time) { 
                    if(self.$route.query.data){ 
                      var data=self.$route.query.data
                      var data=Base64.decode(data);
                      const jsondata=JSON.parse(data).time.split("-")
                      var y=jsondata[0]
                      var mmm=jsondata[1]
                    }
              if (Number(mmm)  < 10){ 
                mmm = '0' + mmm
              } 
              console.log(Number(y) ,Number(mmm))
              let now=new Date(Number(y) ,Number(mmm),0);
              let year = now.getFullYear()
              let month = now.getMonth()+1
             
              // let year = now.getFullYear()
              // let month = now.getMonth()
    
              if(month==0){ 
                month=12;
                year=year-1
              }
              if (month < 10){ 
                month = '0' + month
              } 
              
              let myDate=new Date(year,month,0)
              let lastMonthStartDate=new Date(year+'-'+month+'-01 00:00:00')
              let lastMonthEndDate=new Date(year+'-'+month+'-'+myDate.getDate()+' 23:59:00')
              return time.getTime()>lastMonthEndDate || time.getTime()<lastMonthStartDate//重点代码！！！！！
                // var date = new Date();
                // let day=date .getDate(); //获取当前日(1-31)
                // let curDate = (new Date()).getTime();
                // let onemonths = (31+day) * 24 * 3600 * 1000;
                // let onemonths2 = curDate - onemonths;
    
                // return self.timetest(time);
              }
            },

备注代码：

created() { 
        this.sp_name=localStorage.getItem("userName");//获取sp_name
        if(this.$route.query.data){ 
    	      var data=this.$route.query.data
    	      var data=Base64.decode(data);
    	      const jsondata=JSON.parse(data)
    	      this.urlParams.sp_id=jsondata.sp_id
    	      this.urlParams.create_time=jsondata.time//地址栏传来的格式：2021-6
    	      let timearr=jsondata.time.split("-")
    	      console.log(11111,timearr)
    	      this.y=timearr[0]
    	      this.time=timearr[1]//获取到月份
          let now=new Date(Number(this.y) ,Number(this.time),0);//Date（）里面可以传参的 ！！！！
          let day = now.getDate()//获取到当月的天数（是30天还是31天还是29天这种）
          if(this.time<10){ 
            var time1='0' + this.time
          }
          this.urlParams.begin_time=this.y+'-'+time1+'-01'
          this.urlParams.finish_time=this.y+'-'+time1+'-'+day
          console.log(this.urlParams.begin_time,111,this.urlParams.finish_time)
          this.dateRangeApply[0]=this.urlParams.begin_time
          this.dateRangeApply[1]=this.urlParams.finish_time
        }
        
        this.fetchData()
    
      },

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5oub5pGHwrA_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/8002ed9b47d5478b9baee9d7e3725d82.png