如何在日期选择器中获取特定的未来日期

Question

我有一些包含开始日期和结束日期的数据。

当我编辑该数据时，我只想在结束日期日期选择器中允许未来的日期，但这必须比开始日期大一天。

例如：如果 startdate = 01/05/2020，那么我希望 enddate 为 01/06/2020 或大于 datepicker 中的那个。

我用一个getNextDayToStartDate()的函数尝试过，但我知道我做错了什么。

谢谢。

请在此处查看代码： https : //stackblitz.com/edit/angular-dtnlyc

Answer 1

  onEditData(data): void {
    var newdate = this.getNextDayToStartDate(data.startDate);
    this.editData = {
      Name: data.Name,
      startDate: this.getDate(data.startDate),
      endDate: newdate
    }
    this.editDataDialog = true;
  }

添加一天的函数返回一个值，但您继续使用原始值。 捕获返回值并使用它，解决了这个问题。

小旁注：momentjs 是处理日期的一个相当有用的东西 :) 可能想研究一下 ;)

Answer 2

将 editData.startDate 添加到您的 html 中的方法调用中，这将修复它！

<input type="date" [min]="getNextDayToStartDate(editData.startDate)" [(ngModel)]="editData.endDate">