我在Angular 8表单中有两个日期选择器。我想禁用使用该表单的日期之前的日期。但我找不到解决方案。默认情况下,选择的日期是今天的日期,但我仍然可以选择过去的日期。
在create-project.component.html中:
<mat-form-field>
<mat-label for="date">Starting date</mat-label>
<input matInput [matDatepicker]="date" placeholder="Choose a starting date" formControlName="date">
<mat-datepicker-toggle matSuffix [for]="date"></mat-datepicker-toggle>
<mat-datepicker #date [startAt]="startDate"></mat-datepicker>
<mat-error *ngIf="form.controls['date'].invalid">{{getErrorMessage('date')}}</mat-error>
</mat-form-field>
在ts:中
export class CreateProjectComponent implements OnInit {
startDate = new Date();
}
感谢您的帮助
在输入标记中使用min,而不是在mat日期选择器中使用startAt。
.html
<mat-form-field>
<mat-label for="date">Starting date</mat-label>
<input matInput [matDatepicker]="date" [min]="startDate" placeholder="Choose a starting date" formControlName="date">
<mat-datepicker-toggle matSuffix [for]="date"></mat-datepicker-toggle>
<mat-datepicker #date></mat-datepicker>
<mat-error *ngIf="form.controls['date'].invalid">{{getErrorMessage('date')}}</mat-error>
</mat-form-field>