无法将角度日历集成到离子应用程序中

Question

嗨，我正在尝试在离子应用程序中使用以下日历

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
   }
];

});

我可以看到在创建“测试器”时控制器在页面上被击中，并且呈现良好，但是对于日历，这就是页面上显示的内容：“未设置传递给日历的current-day属性的值”

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

有人可以帮忙吗？

Answer 1

您需要包括moment.js才能正常工作。 仅通过凉亭安装还不够。 请通过html页面上的脚本标签将其链接。

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