不按角度工作的禁用日期的HTML5数据报警器

Question

我想在日期选择器(HTML5).When中禁用过去的日期，我使用日期选择器没有任何条件(自发)，禁用日期正在工作。

如果我用带条件的日期选择器，它就不能工作了。我使用jQuery将今天的日期附加到日期元素的"min“属性(使用带有角的jQuery是不好的做法)。因为我找不到如何使用表单控制类型记录访问/追加date元素的属性。(Ex:formname.get(‘formcontrolName’).)

我要挑选日期的人在条件下工作。

源代码

​

Answer 1

可以将datepicker的min属性绑定到组件的属性。下面是工作示例的相关部分(请注意，必须将值分配给构造函数中的给定属性，因为ngAfterViewInit生命周期钩子被调用得很晚)：

HTML

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

TypeScript

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;

    ...
  }

 ...

}