上篇 点击面板触发事件

------------恢复内容开始------------

async addEvent() {       if (this.setClick) return       document.querySelector('.el-month-table').addEventListener('click', () => {         this.monthChange()       })       document.querySelectorAll("[aria-label='下个月'],[aria-label='上个月'],[aria-label='后一年'],[aria-label='前一年']")         .forEach(item => item.addEventListener('click', () => {           this.monthChange()         }))       this.setClick = true     }, 上面的函数时点击面板是会触发monthChange()这个函数

------------恢复内容结束------------

通过日期选择器的ref属性 获取当前面板的月份年份 row

const month = this.$refs['ref'].picker.month + 1       const year = this.$refs['ref'].picker.year       const rows = this.$refs['ref'].picker.$children[0].rows       // console.log(rows);       const nowDate = new Date('')       // 是个位数加0       let isOneAddZero = value => {         return value < 10 ? '0' + value : value       }       // 获取年-月       let getY_M = () => {         let returnData = ['', year + '-' + isOneAddZero(month) + '-', '']         if (month == 1) {           returnData[0] = (parseInt(year, 10) - 1) + '-12-'           returnData[2] = year + '-02-'         } else if (month == 12) {           returnData[0] = year + '-11-'           returnData[2] = (parseInt(year, 10) + 1) + '-01-'         } else {           returnData[0] = year + '-' + isOneAddZero(parseInt(month, 10) - 1) + '-'           returnData[2] = year + '-' + isOneAddZero(parseInt(month, 10) + 1) + '-'         }         return returnData       }       const Y_M = getY_M()        let startDate = (rows[0][0].type == 'prev-month' ? Y_M[0] : Y_M[1]) + isOneAddZero(rows[0][0].text)       let endDate = ''       if (nowDate.getFullYear() == year && nowDate.getMonth() + 1 == month) endDate = nowDate.getFullYear() + '-' + isOneAddZero(nowDate.getMonth() + 1) + '-' + isOneAddZero(nowDate.getDate())       else if (nowDate.getFullYear() < year || (nowDate.getFullYear() == year && nowDate.getMonth() + 1 < month)) return;       else endDate = (rows[5][6].type == 'next-month' ? Y_M[2] : Y_M[1]) + isOneAddZero(rows[5][6].text)
      let reportData = { item_id: this.item_id, report_date_start: startDate, report_date_end: endDate }       // console.log(reportData, Y_M) 请求后台数据       getReportDataDailyList(reportData).then(res => {         this.dataList = res.data.list ? res.data.list : []         // console.log(res.data);         // console.log(this.dataList);       })
上一篇:JDK新特性(总索引)


下一篇:vue-elemnet-ui日期选择器添加状态