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

});

我可以看到控制器在我创建＆＃39; tester＆＃39;并且它呈现正常，但对于日历，这是页面上显示的内容：＆＃39;传递给日历的当前日属性的值未设置＆＃39;

我可以看到$ scope.calendarDay已设置好，所以不知道什么是错的

有人可以帮忙吗？

Answer 1

你需要包含moment.js才能正常工作。通过凉亭安装是不够的。请通过html页面上的脚本标签链接。

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

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

1 个答案: