¿Cómo extender la directiva datepicker con mespicker en el panel de calendario?

Question

Dec 20, 2016, 09:08 PM

¿Cómo extender la directiva datepicker con mespicker en el panel de calendario?

Soy nuevo en Angularjs, ¿cómo puedo extenderlo?md-datepicker directiva para implementar el panel de calendario en el que se puede hacer clic que proporciona un selector de mes basado en el seleccionadomes año resulta comomeses. Sé que podemos archivar esto en material angular versión 1.1.1, pero estamos usando material angular versión 1.0.1.

index.html

<!doctype html>
<html ng-app="datepickerBasicUsage">

<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.1/angular-material.css">
</head>

<body>

  <div ng-controller="AppCtrl" style='padding: 40px;'>
    <md-content>
      <md-datepicker ng-model="birthdate" placeholder="Enter date" md-max-date="maxDate" ></md-datepicker>
    </md-content>
  </div>

  <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.1/angular-material.js"></script>
  <script src="app.js"></script>

</body>

</html>

app.js

angular.module('datepickerBasicUsage', ['ngMaterial'])
  .controller('AppCtrl', function($scope, $timeout) {
    $scope.birthdate = new Date();

    $scope.maxDate = new Date(
      $scope.birthdate.getFullYear(),
      $scope.birthdate.getMonth(),
      $scope.birthdate.getDate());

    $scope.open = function() {
      $timeout(function() {
        $scope.birthdate = new Date();
        $scope.maxDate = new Date(
          $scope.birthdate.getFullYear(),
          $scope.birthdate.getMonth(),
          $scope.birthdate.getDate());
      }, 400);
    }
  });