将 angular 日历集成到离子应用程序中不起作用

Question

您好，我正在尝试在 ionic 应用程序中使用以下日历

https://github.com/mattlewis92/angular-bootstrap-calendar

我的html

 <ion-view>
   <ion-content data-ng-controller="calenderController">
    {{tester}}
    <mwl-calendar view="calendarView"
        current-day="calendarDay"
        events="events"
        view-title="calendarTitle"
        on-event-click="eventClicked(calendarEvent)"
        edit-event-html="'<i class=\'glyphicon glyphicon-pencil\'></i>'"
        delete-event-html="'<i class=\'glyphicon glyphicon-remove\'></i>'"
        on-edit-event-click="eventEdited(calendarEvent)"
        on-delete-event-click="eventDeleted(calendarEvent)"
        auto-open="true">
    </mwl-calendar>
  </ion-content> 
</ion-view>

我的控制器

angular.module('myApp.datescreen', ['mwl.calendar'])
  myApp.controller('calenderController', function($scope, $rootScope){
  $scope.calendarView = 'week';
  $scope.calendarDay =  new Date();
  $scope.tester = 'Is the Controller connecting';
  $scope.events = [
   {
    title: 'My event title', // The title of the event
    type: 'info', 
    startsAt: new Date(2013,5,1,1),
    endsAt: new Date(2014,8,26,15), 
    editable: false,
    deletable: false,
    incrementsBadgeTotal: true
   }
];

});

我可以看到控制器在我创建的页面上被点击 'tester' 并且它呈现正常但是对于日历，这是页面上显示的内容： 'The value passed to current-day attribute of the calendar is not set'

我可以看到 $scope.calendarDay 已设置，所以不知道哪里出了问题

有人能帮忙吗？

Answer 1

您需要包含 moment.js 才能正常工作。通过 bower 安装是不够的。请通过 html 页面上的脚本标记 link 它。

注意：moment.js 的脚本标记应该位于日历 js 文件的脚本标记之前

将 angular 日历集成到离子应用程序中不起作用

Integrating angular calendar into an ionic app not working

calendar

angularjs

ionic