ngbDatepicker 防止 startDate 大于 endDate答案

【问题标题】：ngbDatepicker prevent startDate greater than endDatengbDatepicker 防止 startDate 大于 endDate
【发布时间】：2021-04-25 12:34:50
【问题描述】：

我为 startDate 和 endDate 使用了两个 ngbDatepicker

  <input
    class="form-control"
    placeholder="{{ 'Common.SampleDate' | translate }}"
    name="dp1"
    formControlName="startDate"
    [(ngModel)]="model"
    [firstDayOfWeek]="6"
    #d1="ngbDatepicker"
    (click)="d1.toggle()"
    (dateSelect)="onDateSelection($event)"
    ngbDatepicker
  />

  <input
    class="form-control"
    placeholder="{{ 'Common.SampleDate' | translate }}"
    name="dp2"
    formControlName="endDate"
    [(ngModel)]="model"
    [firstDayOfWeek]="6"
    #d2="ngbDatepicker"
    (click)="d2.toggle()"
    (dateSelect)="onDateSelection($event)"
    ngbDatepicker
  />

我想阻止接受 startDate 大于 endDate。我尝试了 after() 和 before() 但没有工作。我该怎么做？

【问题讨论】：

标签： angular datepicker

【解决方案1】：

这有点不方便，一般来说，你不应该做这样的事情。如果您没有其他选择，您可以使用唯一名称更新您的第二个输入，例如“dpTwo”并将其与另一个属性绑定，例如“模型二”。但它不会表现为日期范围，因此任何范围计算都应单独处理。

【讨论】：

【解决方案2】：

您应该使用 momentjs 库来计算两个日期/时间之间的差异。

试试这个 sn-ps：

momentA.diff(momentB)

【讨论】：