AngularJS fullCalendar Method GetDate

Question

我必须使用本文档中提到的getDate方法:http://fullcalendar.io/docs/current_date/getDate/但是我用的是angular

但是我不能访问未定义的元素"calendar"

我对日历的呼叫:

<div class="calendar col-sm-8" data-ng-model="eventSources"  data-ui-calendar="uiConfig.calendar" data-calendar="myCalendar" ></div>

我的控制器:

$scope.uiConfig = {
        calendar:{
            lang: 'fr',
            weekends: true,
            eventLimite: 4,
            dayClick:function(date, jsEvent, view){
                    //My dayClick function
            eventClick: function(calEvent, jsEvent, view){
                    //My EventClick function
            }
        }
    };
    $scope.date=$scope.myCalendar.fullCalendar.getDate();

我也试过:

$scope.uiConfig.calendar.fullCalendar.getDate()

但是fullCalendar没有定义。

也

$scope.uiConfig.calendar.getDate();

这次getDate不是一个函数

Answer 1

变化

$scope.date=$scope.myCalendar.fullCalendar.getDate();

:

$scope.date=$scope.myCalendar.fullCalendar('getDate');

另外，假设你正在使用angular-ui日历，你的日历将是你控制器中日历数组的一部分，它可以管理多个日历。

来自angular-ui文档:

访问日历对象

可以通过声明。来访问一个特定的日历对象在uiCalendar指令中为它命名。下一行是将日历命名为myCalendar。这将附在uiCalendarConfig常量对象，可以通过DI访问。

<div ui-calendar="calendarOptions" ng-model="eventSources" calendar="myCalendar">

现在日历对象在uicalendarconfig .calendar中可用:

uiCalendarConfig.calendars.myCalendar

允许你声明any具有不同名称的日历对象的数量。

查看您的参考资料或随时使用angularUi fork我的plnkr