Vue日历/日程表组件fullcalendar-vue的使用(2)- 获取当前视图的起始时间

第一个日历/日程表做好的情况下,当我想在切换或者进入该页面时获取当前视图的起始时间来动态加载这个时间段的事件。

想要获取该属性,我们需要用到datesRender事件.

这里是官方文档https://fullcalendar.io/docs/datesRender

<FullCalendar
          defaultView="timeGridWeek"
          @dateClick="handleDateClick"
          @eventClick="handleEventClick"
          @datesRender="handleDatesRender"
          />

最下面的datesRender就是我绑定的事件。

如此便可获取到fullCanlendar的View Object https://fullcalendar.io/docs/view-object

获取到的currentStart和currentEnd就是当前视图的开始时间和结束时间。

methods: {
    handleDatesRender (arg) { 
      console.log(arg.currentStart)
      console.log(arg.currentEnd)
    }
}

 


版权声明:本文为qq_39792893原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。