Ngb 日期选择器 minDate 和 maxDate 未按预期工作

Question

我使用 ngbDatePicker 来选择多个日期。

我想禁用当前日期之前的日期。

但是当我使用 minDate 指令时，只有过去一个月被禁用，而不是今天之前的日期。

模板：

<ngb-datepicker #dp   [minDate]="minDate" [maxDate]="maxDate" [displayMonths]="2" [dayTemplate]="t">
</ngb-datepicker>

<ng-template #t let-date="date" let-focused="focused">
  <span class="custom-day" (click)="onDateSelection($event,date)"
        [class.focused]="focused"
        [class.range]="isFrom(date) || isTo(date) || isInside(date) || isHovered(date)"
        [class.faded]="isHovered(date) || isInside(date)"
        [class.selected]="isDateSelected(date)"
        (mouseenter)="hoveredDate = date"
        (mouseleave)="hoveredDate = null">
    {{ date.day }}
  </span>
</ng-template>

我有stack-blitz个例子

Answer 1

删除[dayTemplate]="t"

这样试试：

<ngb-datepicker #dp   [minDate]="minDate" [maxDate]="maxDate" [displayMonths]="2" >
</ngb-datepicker>

见Updated working Stackbiltz demo

Answer 2

如果您不想删除该自定义日期模板，则需要处理模板中的 disabled 属性。

这是 updated Stackblitz 和 dayTemplate

Ngb 日期选择器 minDate 和 maxDate 未按预期工作

Ngb Date Picker minDate and maxDate not working as expected

angular

ngb-datepicker