时间戳

首页 > 解决方案 > 如何用角度限制输入数字范围

javascript - 如何用角度限制输入数字范围

问题描述

我想将输入的数字限制为当前年份，用户不能输入比当前年份高的年份。我该怎么做？

我的代码：

<ion-content >
 <form>
  <ion-list>
    <ion-item>
      <ion-label>Stagione</ion-label>
      <ion-input [(ngModel)]="season.Description"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>Year</ion-label>
      <ion-input [(ngModel)]="season.Year" type="number"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>Primavera/Estate</ion-label>
      <ion-checkbox [(ngModel)]="season.IsSpringSummer"></ion-checkbox>
    </ion-item>
    <ion-item>
      <ion-label>Default</ion-label>
      <ion-checkbox [(ngModel)]="season.IsDefault"></ion-checkbox>
    </ion-item>
    <ion-item>
      <ion-label>Nascosto</ion-label>
      <ion-checkbox [(ngModel)]="season.IsHidden"></ion-checkbox>
    </ion-item>

  </ion-list> 

</ion-content>
<ion-footer>
  <ion-toolbar color="footer">
    <ion-buttons right>
  <button ion-button clear color="dark" (click)="save()">Save&nbsp;

      </button>

    </ion-buttons>
  </ion-toolbar>

</ion-footer>

标签： javascriptangulartypescriptionic-frameworkinput

解决方案

您可以使用min和max属性。

将属性绑定max到当前年份，如下所示<ion-input [(ngModel)]="season.Year" type="number" [max]="{{(new Date()).getFullYear()}}"></ion-input>：

获取全年的逻辑可以移动到typescript文件中，并且可以存储在变量中，例如currentYear. 在模板中，我们可以像这样绑定到 max [max]="currentYear"：

推荐阅读