Дата отображения - это поле md-datepicker

Question

Даты приходят от API для меня. Мне нужно отобразить дату в поле md-datepicker. Я получаю дату, но она не отображается в окне выбора даты.

Дата не загружается в средство выбора даты. Может кто-нибудь подскажите, пожалуйста, как отображать в поле DatePicker.

var app = angular
	.module('app', ['ngMaterial', 'md-steppers']);
  
  
 app.controller('mainCtrl', ["$scope", "$rootScope", function($scope, $rootScope) {
 
$scope.dateBirth = new Date(2014, 3, 19);

                    var a = new Date($scope.dateBirth)
                    var day = a.getDate();
                    var month = a.getMonth() + 1;
                    var year = a.getFullYear();
                    $scope.anniversaryd = month + "/"+day+"/"+year;
alert($scope.anniversaryd);
 }]);

h1 {
  text-align: center;
}

<div ng-app="app" ng-controller="mainCtrl as vm">
  <h2>
    Selected Date: {{(anniversaryd | date) || 'null'}}
  </h2>
  </h2>
  <md-datepicker 
    ng-model="anniversaryd"
    md-date-filter="vm.isAvailable"
    ></md-datepicker>
</div>

Answer 1

Вам нужно передать Date экземпляр вместо string в md-datepicker.

var app = angular.module('app', ['ngMaterial']);  
app.controller('mainCtrl', ["$scope", "$rootScope", function($scope, $rootScope) {
    $scope.dateBirth = new Date(2014, 3, 19);
    $scope.anniversaryd = $scope.dateBirth;
    console.log($scope.dateBirth);
}]);

h1 {text-align: center;}

<link rel = "stylesheet" href = "https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
  <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
  <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
  <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
  <script src = "https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
<div ng-app="app" ng-controller="mainCtrl as vm">
  <h2>
    Selected Date: {{(anniversaryd | date) || null}}
  </h2>
  </h2>
  <md-datepicker 
    ng-model="anniversaryd"
    md-date-filter="vm.isAvailable"
    ></md-datepicker>
</div>