首页 > 其他分享 >【Vue】fullcalendar - next ,prev切换回调处理

【Vue】fullcalendar - next ,prev切换回调处理

时间:2022-10-23 19:12:16浏览次数:74  
标签:Vue console fullcalendar refs 日历 next prev

(4条消息) fullcalendar - next ,prev等切换月份回调处理_Q.E.D.的博客-CSDN博客_fullcalendar prev这篇博客所说,fullcalendar next ,prev等切换月份的按钮是没有回调函数,需要在customButtons中添加自定义按钮

customButtons: {
  next: {
    click: this.nextClick
  },
  prev: {
    click: this.prevClick
  }
},

methods中

  nextClick(mouseEvent, htmlElement) {
        console.log("next.............")
        this.$refs.fullCalendar.getApi().next() // 将日历向前移动一步(例如,一个月或一周)。

     // 打印日历显示的时间范围 console.log(this.$refs.fullCalendar.getApi().view.currentStart.getTime()); console.log(this.$refs.fullCalendar.getApi().view.currentEnd.getTime()); // 如果dayGridMonth查看日历,则将日历向前移动一个月。 // 如果日历位于dayGridWeek或中timeGridWeek,则将日历向前移动一周。 // 如果日历位于dayGridDay或中timeGridDay,则将日历向前移动一天。 }, prevClick(mouseEvent, htmlElement) { console.log("prev.............") this.$refs.fullCalendar.getApi().prev() // 将日历后退一步(例如,一个月或一周)。 // 如果dayGridMonth查看日历,则将日历后移一个月。 // 如果日历位于dayGridWeek或中timeGridWeek,则将日历后移一周。 // 如果日历位于dayGridDay或中timeGridDay,则将日历移回一天。 },

 

标签:Vue,console,fullcalendar,refs,日历,next,prev
From: https://www.cnblogs.com/144823836yj/p/16819178.html

相关文章