Vue日历/日程表组件fullcalendar-vue的使用(2)- 获取当前视图的起始时间
第一个日历/日程表做好的情况下,当我想在切换或者进入该页面时获取当前视图的起始时间来动态加载这个时间段的事件。想要获取该属性,我们需要用到datesRender事件.这里是官方文档https://fullcalendar.io/docs/datesRender<FullCalendardefaultView="timeGridWeek"...
·
第一个日历/日程表做好的情况下,当我想在切换或者进入该页面时获取当前视图的起始时间来动态加载这个时间段的事件。
想要获取该属性,我们需要用到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)
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)