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无法按预期工作

2 个答案: