0

我想在结束日期小于开始日期时显示错误消息。我正在使用我的日期选择器。

我尝试了以下方法，但不确定为什么它不起作用。由于我是 Angular 新手，我通过在线教程尝试了这种方法，这就是我迄今为止所取得的成就。

这是我的html代码：

<form [formGroup]="myForm" novalidate>
  <div class="form-input">
      <my-date-picker name="startDateMod" [options]="startDate" formControlName="startDateMod" required (dateChanged)="onDateChanged($event)"></my-date-picker>
      <my-date-picker name="endDateMod" [options]="endDate" formControlName="endDateMod" required (dateChanged)="onDateChanged($event)"></my-date-picker>
  </div>
  <button class="button" type="submit" [disabled]="myForm.controls.errors||">Submit</button>
  <p class="error" *ngIf="myForm.controls.errors">Date is required!</p>
</form>

在 ts 文件中：

ngOnInit() {
    this.myForm = this.formBuilder.group({
        startDateMod: [null, Validators.required],
        endDateMod: [null, Validators.required]

    });
}
 onDateChanged(event){
   let startDate = this.myForm.startDateMod.value.epoc;//Getting epoc values to compare 
   let endDate = this.myForm.endDateMod.value.epoc;
   if(endDate>startDate){
    /*Not sure what to add here to display error message on html page because i'm not getting any error when i'm performing this step
}

}

我正在获取开始日期和结束日期，但日期比较不起作用，也不确定如何在页面上显示错误消息。我希望当我点击任何日期时，开始日期和结束日期应该比较，如果结束日期更短比开始日期错误消息应该显示和搜索按钮被禁用。

4

1 回答 1

0

if (startDate.getTime() < endDate.getTime())

请注意，如果您的日期是字符串格式，您首先需要将它们解析为 Date

于 2019-09-12T05:33:18.097 回答