Question

这是同一个问题：Angular UI Bootstrap date-picker Combined With UI.Mask
我无法找到任何解决方案。
这是我的插件：http://plnkr.co/edit/i8TBYPonHd1ZxZc9Sac2?p=preview

<div class="col-md-6">
    <p class="input-group">
       <input type="text" class="form-control" ui-mask="9999/99/99" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
       <span class="input-group-btn">
         <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
       </span>
     </p>
</div>

问题是这两个指令并没有完美地结合在一起有什么想法？
非常感谢

Answer 1

这对我有用：

angular.module('app', [])
    .config(function ($provide) {

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

        directive.compile = function () {
          return function (scope, element, attrs) {
            link.apply(this, arguments);
            element.mask("99/99/9999");
          };
        };

        return $delegate;
      });
    });

我在这里找到了这个答案： Angular UI Bootstrap date-picker Combined With UI.Mask

Answer 2

只需添加jquery.maskedinput.js脚本。

角度的Ui面具和datepicker

2 个答案: