Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何限制输入号码范围?_Javascript_Angular_Typescript_Ionic Framework_Input - Fatal编程技术网

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>