如何在 Angular Bootstrap Datepicker 中调整周数？

Question

默认情况下，Angular Bootstrap 日期选择器的周编号系统与我需要显示的系统不同。例如，May 7, 2021 默认在 WW18 中，但我需要它显示为 WW19。我找不到调整或覆盖文档中周数的方法。

<input type="text" formControlName="date" ngbDatepicker #d="ngbDatepicker" [showWeekNumbers]="true" [firstDayOfWeek]="7">
<button (click)="d.toggle()" type="button">
</button>

screen shot of calendar with week numbers highlighted

谢谢。

Answer 1

Here is the demo on how to do it.

这就是日期选择器显示周数的方式：

<div *ngIf="showWeekNumbers" class="ngb-dp-week-number small text-muted">{{ i18n.getWeekNumerals(week.number) }}</div>

export class NgbDatepickerMonthView {

  constructor(public i18n: NgbDatepickerI18n) {}

}

因此，您可以按照您需要的自定义逻辑，使用 getWeekNumerals 方法提供 NgbDatepickerI18n 的实现。