使用Angular JS的最大长度不适用于输入类型的文本

Question

我想设置Max-length使用input元素，angularJS但对我不起作用。下面是我尝试过的。 <div class="billcutofdate vLine vLineRight" id="SAPExecutiveBillDate">            <a><i class="fa fa-calendar-check-o" aria-hidden="true"></i> Billing Cut-off Date <span class="badge">{{BillCutdate}}</span></a>            <div class="setcutofdate">                <div class="inputNumber clearfix"><input ng-maxlength="2" type="number" step="1" value="0" class="form-control" ng-model="BillCutdateSet" /></div>                <button class="btn btn-default customBtn" ng-click="changeBillDate()"><i class="fa fa-calendar-check-o" aria-hidden="true"></i> Set Date</button>            </div>        </div>谁能告诉我为什么它不起作用，因为我是angularJS的新手更新重现错误<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.5/angular.min.js"></script><input ng-minlength="1" ng-maxlength="2" min="1" max="31" type="number" step="1" value="0" class="form-control" ng-model="BillCutdateSet" />

Answer 1

那是一个简单的功能，但是有时候输入会引起浏览器的混乱type=number。

因此，通过从此处获得一些参考，可以看到Raghavendra的答案。我尝试了这一点，并实现了它。

<input ng-minlength="1" ng-maxlength="2" min="1" max="31" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))" readonly="readonly" type="number" step="1" value="0" class="form-control" ng-model="BillCutdateSet" />