在angularjs中查看完整日历中的开始日期和结束日期

Question

如何获取fullcalendar中可见日期的开始和结束时间？

我需要它在另一个JavaScript实例中使​​用。是否有一些功能 -

uiCalendarConfig.calendars['myCalendar1'].fullCalendar('getView').visStart 

？

Answer 1

根据全日历文件（jQuery插件，在其上uiCalendar基于）当你调用fullCalendar('getView')你找回View对象与属性：

开始 了一下，说是第一天可见。

结束 A时刻是独家最后一个可见的日子。

所以，你应该能够得到的开始和结束时刻如下：

uiCalendarConfig.calendars['myCalendar1'].fullCalendar('getView').start 

和

uiCalendarConfig.calendars['myCalendar1'].fullCalendar('getView').end 

Answer 2

下面的例子显示fullcalendar在角2应该很容易适应环境。您可以使用fullcalendar的“viewRender”回调来维护当前的可见日期范围。如果您打算仅提取与可见日期范围相关的业务对象，则此功能非常有用。

var calendarDiv: any; 
var self = this; 

calendarDiv = $(this.elementRef.nativeElement).find('#calendar'); 
calendarDiv.fullCalendar({ 
     defaultView: "agendaWeek", 
     ... 
     viewRender: function (view: any, element: any) { 
      self.crtCalendarStart = view.start; 
      self.crtCalendarEnd = view.end; 
      self.myFilterService.setFilter("filter_plandate", { 
       type: 'DateTime', 
       value_from: view.start.toDate(), 
       value_to: view.end.toDate() 
      }); 
     }, 
     selectable: true, 
     selectHelper: false, 
     ... 
     });