在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, 
     ... 
     });