具有禁用日期的HTML5日期选择器不能以角度方式工作

您可以绑定datepicker的 min 属性设置为组件的属性。下面是工作示例的相关部分(请注意,必须将值分配给构造函数中的给定属性,因为 ngAfterViewInit 生命周期挂钩被调用为延迟):

HTML

<input type="date" class="form-control" [min]="today" id="applyDate1" formControlName="applyDate1"/> 

类型脚本

export class AppComponent implements AfterViewInit {

  public personalForm: FormGroup;
  public today;

  constructor(private fb: FormBuilder) {
    const currentDate:Date = new Date();
    let dd:any = currentDate.getDate();
    let mm:any = currentDate.getMonth()+1;
    let yyyy:any = currentDate.getFullYear();

    if(dd<10) {
        dd = '0'+dd
    } 

    if(mm<10) {
        mm = '0'+mm
    } 

    this.today = yyyy + '-' + mm + '-' + dd;

    ...
  }

 ...

}