Question

我想限制可以输入到当前年份的输入数字，用户不能输入比当前年份高的年份。我该怎么办？

我的代码：

<ion-item>
  <ion-label>Year</ion-label>
  <ion-input [(ngModel)]="season.Year" type="number" ></ion-input>
</ion-item>

Answer 1

使用普通的HTML输入属性，例如min和max：

<ion-input [(ngModel)]="season.Year" type="number" min="1" max="5"></ion-input>

Answer 2

您可以使用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">

Answer 3

如果要固定最大值，可以执行以下操作。

<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>

如何限制输入数字范围？

3 个答案: