1

我正在使用 angular8。

我有日期选择器，日期，截止日期，续订日期。如果我选择从日期和截止日期，则续订日期将介于开始日期和截止日期之间。在此剩余日期将在日期选择器中禁用以更新日期。

<mat-form-field style="width:175px; margin-left: 50px;">
     <mat-label>Start Date</mat-label>
         <input matInput readonly [matDatepicker]="picker1" placeholder="Start Date" formControlName="start_date">
     <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
     <mat-datepicker #picker1></mat-datepicker>
</mat-form-field>


<mat-form-field style="width:175px; margin-left: 50px;">
     <mat-label>End Date</mat-label>
         <input matInput readonly [matDatepicker]="picker2" placeholder="End Date" formControlName="end_date">
     <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
     <mat-datepicker #picker2></mat-datepicker>
</mat-form-field>


<mat-form-field style="width:175px; margin-left: 50px;">
     <mat-label>Renewal Date</mat-label>
         <input matInput readonly [matDatepicker]="picker3" placeholder="Renewal Date" formControlName="renew_date">
     <mat-datepicker-toggle matSuffix [for]="picker3"></mat-datepicker-toggle>
     <mat-datepicker #picker3></mat-datepicker>
</mat-form-field>

例如 ：

  • 从日期 01/01/2050
  • 迄今为止 05/01/2050
  • 如果我在续订日期 02、03、04/01/2050 中单击日期选择器，则只需在日期选择器中启用。

我正面临这个问题。帮我解决这个问题....

4

1 回答 1

0

您可以在 html 中设置最大日期和最小日期验证

于 2020-12-11T07:16:29.870 回答