Question

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

但是我无法访问未定义的元素“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 documentation：

访问日历对象

可以通过声明a来访问特定的日历对象 uiCalendar指令的名称。在下一行我们是命名日历＆mycalendar＆＃39;。这将附在 uiCalendarConfig常量对象，可以通过DI访问。
<div ui-calendar="calendarOptions" ng-model="eventSources" calendar="myCalendar">
现在，日历对象在uiCalendarConfig.calendars中可用：

uiCalendarConfig.calendars.myCalendar

这允许您声明任何   具有不同名称的日历对象的数量。

检查您的推荐信息或随意分叉my plnkr with angularUi

AngularJS fullCalendar方法GetDate

1 个答案:

访问日历对象