Angular- 日期选择器禁用验证
Angular- Date Picker disable validations
我用的是angular8.
我有日期选择器从日期,到日期,续订日期。如果我 select 开始日期和结束日期,则续订日期将介于开始日期和结束日期之间。在此剩余日期将在续订日期的日期选择器中禁用。
<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
- 截至 2050 年 5 月 1 日
- 如果我在续订日期 02、03、04/01/2050 中单击日期选择器,则只需在日期选择器中启用。
我正面临这个问题。帮我解决这个问题....
您可以在 html
中设置最大日期和最小日期验证
我用的是angular8.
我有日期选择器从日期,到日期,续订日期。如果我 select 开始日期和结束日期,则续订日期将介于开始日期和结束日期之间。在此剩余日期将在续订日期的日期选择器中禁用。
<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
- 截至 2050 年 5 月 1 日
- 如果我在续订日期 02、03、04/01/2050 中单击日期选择器,则只需在日期选择器中启用。
我正面临这个问题。帮我解决这个问题....
您可以在 html
中设置最大日期和最小日期验证