2016-09-19 100 views
1

我現在用的MD-日期選擇指令從角的材料,但是我想在日期TYP,不僅從日期選擇器選擇它MEANjs另一個日期備考。我發現下面的示例代碼:設置在與MD-日期選擇器

 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); 
      }; 
     }); 

我現在的問題是在哪裏使用的.config部分在MEANJS自耕農發電機的應用。我找不到任何東西。有人這樣做了嗎?

+0

到目前爲止,我把它在我的控制器等,並安裝了片刻,注入但不知何故,它不能被發現。 – d8ta

回答

1

如果您無法加載MD-日期選擇文件並把它裝載到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

+0

謝謝,我認爲這正是我需要的。如果這是有幫助的,請檢查一下,並且不要顯示。再次 – d8ta

+0

謝謝,我花了一段時間來回到這個問題,因爲我們有一個發射和日期格式是有點不上個月的優先事項。但是通過你的代碼,我可以讓選擇器使用我們想要的格式。一個問題是在Mean.js應用程序上安裝moment.js。這幫助了很多:Howto:如何添加Moment.js到MEAN.js項目(http://zklinger2000.github.io/blog/2016/03/22/add-momentjs-to-meanjs)。謝謝! – d8ta

相關問題