Question

我正在使用angular-material的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 yeoman生成器应用程序中使用.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。

使用md-datepicker在MEANjs中设置另一个Date格式

1 个答案: