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，浏览器会感到困惑。

因此，通过参考Here，请参阅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" />

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

1 个答案: