我正在尝试使用 ngMask与 material datepicker并且不工作。
任何人都知道如何让它一起工作吗？
一些 ngMask 示例:
http://candreoliveira.github.io/bower_components/angular-mask/examples/index.html#/
最佳答案
这样的事情怎么样:
(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>
关于angularjs - 如何在 md-datepicker 中使用 ngMask，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40414533/