為什么這個有角度的日期選擇器不會出現並且不能正常工作？

Question

我正在嘗試在我的應用程序中實現此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在這里 。 但是它沒有表現出相同的行為。 在JSFiddle中，我在控制台上看到以下錯誤：

Uncaught SyntaxError: Unexpected token <

Answer 1

我認為您可能缺少角度依賴性。 您需要以下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