Как использовать ngMask в md-datepicker

Question

Я пытаюсь использовать ngMask с material datepicker и не работает.

У кого-нибудь есть идеи, как заставить его работать вместе?

Некоторые примеры ngMask: http://candreoliveira.github.io/bower_components/angular-mask/examples/index.html#/

Answer 1

Как о чем-то вроде этого:

(function() { 

    'use strict'; 

    /** 
    * Setup a custom date formatter, I'm using moment for example 
    */ 
    angular 
     .module('awesomemodule') 
     .constant('DEFAULT_DATE_FORMAT', 'DD/MM/YYYY') 
     .config(['DEFAULT_DATE_FORMAT', '$mdDateLocaleProvider', dateConfig]); 

    function dateConfig (DEFAULT_DATE_FORMAT, $mdDateLocaleProvider) { 

     $mdDateLocaleProvider.formatDate = osDateFormatter; 

     function osDateFormatter(date) { 
      if (!date) { 
       date = new Date(); 
      } 

      return moment(date).format(DEFAULT_DATE_FORMAT); 
     } 
    } 

})() 


(function() { 
    'use strict'; 

    /** 
    * Decorate the mdDatepickerDirective to add ngMask 
    */ 
    angular 
     .module('awesomemodule') 
     .config(['$provide', checkForNgMask]); 

    function checkForNgMask ($provide) { 

     $provide.decorator('mdDatepickerDirective', function ($delegate) { 
     var directive = $delegate[0]; 

     var template = directive.template; 

     directive.template = function (tElement, tAttrs) { 
      var originalTemplate = template.apply(this, arguments); 

      if (R.has('osMask', tAttrs)) { 
       var element = angular.element(originalTemplate); 
       element.find('input').attr('mask', tAttrs.osMask); 
       element.find('input').attr('ng-model', "ctrl.dateInput");//ng-model is required by ngMask 
       return R.map(R.prop('outerHTML'), R.values(element)).join(""); 
      } 

      return originalTemplate; 
     }; 

     return $delegate; 
    }); 

    } 
})(); 

И использовать директиву, как этот

<md-datepicker ng-model="myAwesomeModel" os-mask="3?9/19/9999"></md-datepicker>