el-date-picker 日期選擇器默認本月1號到當天

封裝的組件

 

 

  mounted(){
          this.setSelectTime()
        },

   // 設置時間選擇 默認 本月一號到今天
          setSelectTime() {
            //獲取新的時間
            let date = new Date()
            //獲取當前時間的年份轉為字符串
            let year = date.getFullYear().toString()   //'年'
            //獲取月份，由於月份從0開始，此處要加1，判斷是否小於10，如果是在字符串前面拼接'0'
            let month = date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1).toString():(date.getMonth()+1).toString()  //'月'
            //獲取天，判斷是否小於10，如果是在字符串前面拼接'0'
            let da = date.getDate() < 10 ? '0'+date.getDate().toString():date.getDate().toString()  //'日'
            //字符串拼接，開始時間，結束時間
            let end = year + '-' + month + '-' + da  //當天
            let beg = year + '-' + month + '-01'    //當月第一天
            this.dateVals = [beg,end] //將值設置給插件綁定的數據
            this.$set(this.$refs.table1.filters,'kqrq',this.dateVals);
          },