【问题标题】:md-datepicker calender not displayingmd-datepicker 日历不显示
【发布时间】:2017-01-05 12:07:16
【问题描述】:

这是我面临的确切问题: 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. 角度 = 1.6.0
  2. 角材料 = 1.1.1
  3. 时刻 = 2.17.1

【问题讨论】:

    标签: datepicker angular-material


    【解决方案1】:

    我玩过你的 codepen,如果你使用 Angular 1.5 版(和 aria/animate 到 1.5.1),那么 &lt;md-datepicker&gt; 会显示日期。

    如果您查看 https://github.com/angular/material/issues/10111,您会发现 Angular 材料 1.1.1 与 Angular 1.6 不兼容。

    【讨论】:

    • 非常感谢您的快速回复。查看您提供的链接,解决方法是设置 $compileProvider.preAssignBindingsEnabled(true); 。我试过这个,它工作。我不知道 preAssignBindingsEnabled() 在 (docs.angularjs.org/api/ng/provider/$compileProvider) 上阅读其描述时做了什么我不太清楚它的概念。因此,希望它不会影响其他任何事情,并且设置$compileProvider.preAssignBindingsEnabled(true); 是安全的
    • @SHRUTHIBHARADWAJ 您能否提供更改的代码?我遇到了同样的问题。提前致谢。
    • 嗨@akash,很抱歉回复晚了。在我的 app.config() 方法中,我设置了 $compileProvider.preAssignBindingsEnabled(true);
    • 感谢@SHRUTHIBHARADWAJ 的回复。我通过实现mdDateLocaleProvider 的parseDate 和formatDate 方法修复了它。
    猜你喜欢
    • 2013-05-19
    • 1970-01-01
    • 1970-01-01
    • 2015-08-27
    • 2016-12-01
    • 2019-09-26
    • 1970-01-01
    • 2017-05-14
    • 1970-01-01
    相关资源
    最近更新 更多