因为文档中没有提到,所以我们可以通过获取dom元素来添加事件
可以在mounted中这么写
mounted() {
this.$nextTick(() => {
//点击上个月
const prevBtn = document.querySelector('.fc-prev-button')
prevBtn.addEventListener('click', () => {
this.changeMonth()
})
const nextBtn = document.querySelector('.fc-next-button')
nextBtn.addEventListener('click', () => {
this.changeMonth()
})
const todayBtn = document.querySelector('.fc-today-button')
todayBtn.addEventListener('click', () => {
//渲染当月的里程
this.getMonthMileFn()
})
})
},
methods中的方法:
//监听日历,月份切换
changeMonth() {
const text = document.querySelector('.fc-center h2').innerText
const year = text.substring(0, 4)
let month = text.substring(5, 7)
month = isNaN(month) ? text.substring(5, 6) : month
const date = new Date(`${year}-${month}`)
const startDate = firstDay(date)+' 00:00:00'
const endDate = lastDay(date)+' 23:59:59'
},