md-datepicker日历没有显示

时间:2017-01-05 12:07:17

标签: datepicker angular-material

这是我面临的确切问题: https://codepen.io/anon/pen/QdwOLr?editors=1010 以下是html文件:

<body layout="row" ng-app="myApp" ng-controller="myCtrl" ng-cloak>
 <md-datepicker 
   ng-model="myDate"
   md-max-date="todaysDate" 
   md-placeholder="Enter date">
 </md-datepicker>
</body>

这是js文件:

angular.module('myApp',['ngMaterial']).config(['$mdDateLocaleProvider',
 function($mdDateLocaleProvider) {
   $mdDateLocaleProvider.formatDate = function(date) {
     return moment(date).format('DD/MMM/YYYY');
   };
 }
]).controller('myCtrl', ['$scope', function($scope) {
    $scope.todaysDate = new Date();
}]);

问题:点击日期选择器时,日期不会显示。但是,滚动后会显示日期,但会显示远日值。

其他信息: 版本 -

  1. angular = 1.6.0
  2. angular-material = 1.1.1
  3. 时刻= 2.17.1

1 个答案:

答案 0 :(得分:2)

我使用了你的codepen,如果你使用Angular版本1.5(和aria / animate到1.5.1),那么<md-datepicker>会显示日期。

如果你看一下https://github.com/angular/material/issues/10111,你就会发现角度材料1.1.1与Angular 1.6不相容。