angularjs之有 Angular 的 Ui 掩码和日期选择器

pengyingh 阅读:40 2025-02-15 21:57:57 评论:0

这是同一个问题: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> 

问题是这两个指令不能完美地协同工作。
有什么想法吗?
非常感谢

请您参考如下方法:

这对我有用:

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


标签:日期
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

关注我们

一个IT知识分享的公众号