如何在加载到url（angularJs）时按照fullcalendar显示发送一个月

Question

人

我对angularJs的fullCalendar有一些疑问。

我有配置fullcalender的代码：

.controller('MyController', function($scope) {
    /* config object */
    $scope.uiConfig = {
      calendar:{
        height: 450,
        editable: true,
        header:{
          left: 'month basicWeek basicDay agendaWeek agendaDay',
          center: 'title',
          right: 'today prev,next'
        }
      }
    };
});

加载到网址时如何根据fullcalendar显示发送一个月（angularJs）

Answer 1

使用viewRender回调，您可以在其中访问实际显示的日期范围（start和end）

.controller('MyController', function($scope, MyService) {

    var eventSources;

    var myCallbackFn = function(view, element){
      var start = view.start;
      var end = view.end;
      // to get month only in format '01', '02' ... '12'
      var dateFormat = 'MM';
      var startMonth= start.format(dateFormat);
      // then to load events you could use something like this
      // just an example
      MyService.getEvents(startMonth).then(function(response) {
        eventSources = response;
      });
    }

    /* config object */
    $scope.uiConfig = {
      calendar:{
        height: 450,
        editable: true,
        header:{
          left: 'month basicWeek basicDay agendaWeek agendaDay',
          center: 'title',
          right: 'today prev,next'
        },
        viewRender: myCallbackFn
      }
    };
});