MEANjsで別の日付形式をmd-datepickerで設定する

Question

角度材のmd-datepickerディレクティブを使用していますが、datepickerから日付を入力するだけでなく、日付を入力したいと思います。今

 angular.module('MyApp') 
      .controller('AppCtrl', function($scope) { 
      $scope.myDate = new Date(); 

      $scope.minDate = new Date(
      $scope.myDate.getFullYear()-1, 
      $scope.myDate.getMonth(), 
      $scope.myDate.getDate()); 

      $scope.maxDate = new Date(
      $scope.myDate.getFullYear()+1, 
      $scope.myDate.getMonth(), 
      $scope.myDate.getDate()); }) 

      .config(function($mdDateLocaleProvider) { 
      $mdDateLocaleProvider.formatDate = function(date) { 
      return date ? moment(date).format('DD.MM.YYYY') : ''; 
      }; 

      $mdDateLocaleProvider.parseDate = function(dateString) { 
      var m = moment(dateString, 'DD.MM.YYYY', true); 
      return m.isValid() ? m.toDate() : new Date(NaN); 
      }; 
     }); 

私の問題MEANJSのヨーマン・ジェネレータ・アプリケーションでの.configセクションを使用する場所である：私は、次のコード例を見つけました。私は何かを見つけることができませんでした。誰かがこれまでこれをしていますか？

Answer 1

md-datepickerファイルの読み込みに問題があり、MEAN.JSにロードするには、this answerをチェックしてください。

あなたのアプリにファイルを正しく読み込んでいて、アプリの設定ブロックにアクセスしたいのであれば、/modules/core/client/app/init.jsにあるファイルにアクセスして、このコードブロックに必要なロジックを追加するだけです：

// Setting HTML5 Location Mode 
    angular 
    .module(app.applicationModuleName) 
    .config(bootstrapConfig); 

    function bootstrapConfig($compileProvider, $locationProvider, $httpProvider, $mdDateLocaleProvider) { 
    $locationProvider.html5Mode(true).hashPrefix('!'); 

    $httpProvider.interceptors.push('authInterceptor'); 

    // Disable debug data for production environment 
    // @link https://docs.angularjs.org/guide/production 
    $compileProvider.debugInfoEnabled(app.applicationEnvironment !== 'production'); 

    // md-datepicker configuration 
    $mdDateLocaleProvider.formatDate = function(date) { 
     return date ? moment(date).format('DD.MM.YYYY') : ''; 
    }; 
    $mdDateLocaleProvider.parseDate = function(dateString) { 
     var m = moment(dateString, 'DD.MM.YYYY', true); 
     return m.isValid() ? m.toDate() : new Date(NaN); 
    }; 
} 

bootstrapConfig.$inject = ['$compileProvider', '$locationProvider', '$httpProvider', '$mdDateLocaleProvider']; 

$mdDateLocaleProviderをconfigブロックに注入することを忘れないでください。