angular - Angular Reactive Form 中的 DOB 验证

Question

我正在尝试以 Angular 2+ react 形式验证出生日期。我想在所选 DOB 日期超过 100 年时显示错误消息。

前端侧

 <div [ngClass]="setClassDOB()">
 <input class="form-control" type="date"name="dob"formControlName="dob" placeholder="DOB">
 </div>

Answer 1

把这个放在你的 typescript 中

  validateDOB(e){
    let year = new Date(e).getFullYear();
    let today = new Date().getFullYear();
    if(today - year >= 100){
      //Code Something
    }
  }

在你的 html 中更新这个

<input class="form-control" (change)="validateDOB(dob)" type="date" name="dob" formControlName="dob" placeholder="DOB">

这可能对你有帮助:)