Javascript 如何限制输入号码范围?
我想限制可以增加到当前年份的输入数字,用户不能输入高于当前年份的年份。我怎么做 我的代码:Javascript 如何限制输入号码范围?,javascript,angular,typescript,ionic-framework,input,Javascript,Angular,Typescript,Ionic Framework,Input,我想限制可以增加到当前年份的输入数字,用户不能输入高于当前年份的年份。我怎么做 我的代码: <ion-item> <ion-label>Year</ion-label> <ion-input [(ngModel)]="season.Year" type="number" ></ion-input> </ion-item> 年 使用常规HTML输入属性,如min和max: <ion-input [(ngMod
<ion-item>
<ion-label>Year</ion-label>
<ion-input [(ngModel)]="season.Year" type="number" ></ion-input>
</ion-item>
年
使用常规HTML输入属性,如min
和max
:
<ion-input [(ngModel)]="season.Year" type="number" min="1" max="5"></ion-input>
您可以对这些属性使用
min
属性。由于您使用的是number
类型,只需添加min
属性:
<ion-input [(ngModel)]="season.Year" type="number" min="2018"></ion-input>
示例:
Enter a date before 1980-01-01:
<input type="date" name="bday" max="1979-12-31">
Enter a date after 2000-01-01:
<input type="date" name="bday" min="2000-01-02">
Quantity (between 1 and 5):
<input type="number" name="quantity" min="1" max="5">
输入1980-01-01之前的日期:
输入2000-01-01之后的日期:
数量(介于1和5之间):
如果您想将最大值作为核心,可以这样做
<ion-input [(ngModel)]="season.Year" type="number" min="19XX" max="2018"></ion-input>
如果你不想硬核当前年份,你可以使用Date类或使用moment.js获取当前年份,并在html中绑定年份,如下所示
<ion-input [(ngModel)]="season.Year" type="number" min="19XX" max="{{maxyear}}"></ion-input>