角7开始日期>结束日期验证

Question

我刚开始从事一个项目。我的代码有问题。

开始日期和结束日期：

开始日期>=结束日期

在创建新记录的情况下，它与我当前的逻辑工作得很好，但是当我试图更新任何记录和更新结束日期时，按钮仍然是禁用的。

有人能帮我处理密码吗？

<mat-form-field appearance="outline" fxFlex="33" class="pr-4">
               <mat-label>Start Date</mat-label>
               <input matInput [matDatepicker]="startDatePicker" name="startDate" formControlName="startDate"
                 required>
               <mat-datepicker-toggle matSuffix [for]="startDatePicker"></mat-datepicker-toggle>
               <mat-datepicker #startDatePicker></mat-datepicker>
               <mat-error>Start Date is required!</mat-error>
             </mat-form-field>

             <mat-form-field appearance="outline" fxFlex="33" class="pr-4">
               <mat-label>End Date</mat-label>
               <input matInput [matDatepicker]="endDatePicker"  

                  (dateChange) ="addEvent(academicYearForm.get('startDate').value,$event)"  name="endDate"  formControlName="endDate" required>
               <mat-datepicker-toggle matSuffix [for]="endDatePicker"></mat-datepicker-toggle>
               <mat-datepicker #endDatePicker></mat-datepicker>
               <mat-error>End Date is required!</mat-error>
             </mat-form-field>

addEvent(startDate,event: MatDatepickerInputEvent<Date>) {
    if(event.value >= startDate){
        this.isDisabled = false;
    }else {
        this.isDisabled = true;
    }
}

Answer 1

我也面临过同样的问题。你可以用两种方法解决这个问题。

1-使用其中一个库

https://www.dunebook.com/best-javascript-calendar-libraries/

2-将日期转换为毫秒，然后进行比较。