0

我使用 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>

我有堆栈闪电战示例

4

2 回答 2

1

消除[dayTemplate]="t"

试试这样：

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

请参阅更新的 Stackbiltz 演示

于 2019-09-12T11:50:35.857 回答
1

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

这是使用 dayTemplate更新的Stackblitz

于 2019-09-12T12:10:18.600 回答