Angular Material 日期选择器弹出空白答案

【问题标题】：Angular Material datepicker have blank pop upAngular Material 日期选择器弹出空白
【发布时间】：2017-01-04 14:50:29
【问题描述】：

我使用有角度的材料，我想实现 md-datepicker。我在这里做类似的事情：

<md-input-container flex="100" layout="row">
    <div flex="45">
        <md-datepicker ng-model="$ctrl.myDate" placeholder="Enter date"></md-datepicker>
    </div>
</md-input-container>

Js 看起来像这里：

var ctrl = this;
ctrl.myDate = new Date();

我有enter image description here 我哪里做错了？

【问题讨论】：

标签： angularjs datepicker angularjs-material

【解决方案1】：

确保您已加载正确的库和版本。

演示

angular.module('datepickerBasicUsage', ['ngMaterial'])
.controller('AppCtrl', function ($scope) {
  
});

<!doctype html>
<html ng-app="datepickerBasicUsage">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-animate.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-aria.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.4/angular-material.js"></script>
    <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-114/assets-cache.js"></script>
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.4/angular-material.css">    
    <script src="app.js"></script>
  </head>
  <body>
  <div ng-controller="AppCtrl" style='padding: 40px;'>
   <md-content>
      <h4>Standard date-picker</h4>
      <md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>
    </md-content>
  </div>
  </body>
</html>

【讨论】：

【解决方案2】：

发现问题，但不知道为什么会发生。当我更换

   <script type="text/javascript" src="../node_modules/angular-material/angular-material.js"></script>

到：

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.4/angular-material.js"></script>

问题消失了，但我想要本地 src，所以在删除带有角材料的文件夹后尝试了 npm install，但这无济于事

【讨论】：