Angular-ui日历错误

Question

我正在尝试配置angular-ui日历，但是运行它时出现错误。

TypeError: undefined is not a function
at Object.eventsWatcher.onChanged (http://localhost/fisioGest/js/calendar.js:262:41)

我可以看到事件，并且一切似乎都可以正常运行，但是出现此错误，因此无法单击事件。

这是我的app.js的日历控制器：

app.controller('main-controller',function($scope){
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
this.tab=1;
this.titulopagina='Escritorio';
this.selectTab=function(setTab) {
    this.tab=setTab;
};
this.isSelected=function(checkTab) {
    return this.tab===checkTab;
};

  $scope.eventSources = [
[
    {
        "title": 'All Day Event',
        "start": new Date(y, m, d)
     },
     {
        "title": 'Long Event',
        "start": new Date(y, m, d - 5),
        "end": new Date(y, m, d - 2)
    }
  ]
];

$scope.calendarOptions = {
   calendar: {
   height: 500,
   editable: true,
   header: {
     left: 'title',
     center: '',
     right: 'prev,next basicWeek month agendaDay'
   },
 }
};


});

这就是我定义日历的方式：

<div id="calendar" ui-calendar="calendarOptions.calendar" ng-model="eventSources " class="p-relative p-10 m-b-20"></div>

Answer 1

看一下calendar.js的源代码，问题所在的行似乎是...

event._start = $.fullCalendar.moment(event.start);

您可能会丢失moment.js 。 看一看他们的演示页面 ，确保您已经包含了fullcalendar.js的所有依赖项 （这是在后台进行繁重工作的库），并且它们以正确的顺序加载...

<script src="../bower_components/jquery/dist/jquery.js"></script>
<script src="../bower_components/jquery-ui/ui/jquery-ui.js"></script>
<script src="../bower_components/moment/moment.js"></script>

<script src="../bower_components/angular/angular.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.9.0.js"></script>
<script src="../bower_components/fullcalendar/dist/fullcalendar.js"></script>
<script src="../bower_components/fullcalendar/dist/gcal.js"></script>
<script src="../src/calendar.js"></script>
<script src="calendarDemo.js"></script>