为什么这个 angular 日期选择器不能正常显示和工作？

Question

我正在尝试在我的应用程序中实施 this Angular Date-Picker，但它不起作用。

这是我的 HTML:

HELLO WORLD!
<div ng-controller="DatePickerCtrl" style='padding: 40px;'>
    <md-datepicker ng-model="myDate" md-placeholder="Enter date" md-min-date="minDate"></md-datepicker>
</div>

这是我的 Javascript:

myApp = angular.module('myApp',
  [
    'ngMaterial',
    'ngMessages'
  ]
);

myApp.controller('DatePickerCtrl', function($scope) {
    console.log('Hello!');
    $scope.myDate = new Date();
    $scope.minDate = new Date(
        $scope.myDate.getFullYear(),
        $scope.myDate.getMonth() - 2,
        $scope.myDate.getDate());
  }
);

但是没用。当我运行它时，我得到了一个非常奇怪的行为，其中显示了一个程式化日历的大黑白图像，但没有实际的日期选择。看看：

这是怎么回事？如何解决这个问题？ JSFiddle 是 here。但它没有表现出相同的行为。在 JSFiddle 中，我在控制台上看到以下错误：

Uncaught SyntaxError: Unexpected token <

Answer 1

我认为您可能缺少 angular 依赖项。您需要以下 CDN 才能使您的应用正常运行。 JsFiddle 不允许 http 外部源。

 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
      <style>

这是适合您的工作插件：http://plnkr.co/edit/zfY0azlAhD2MjOKm16qy?p=preview

为什么这个 angular 日期选择器不能正常显示和工作？

Why won't this angular date-picker appear and work properly?

javascript

angularjs

angular-material