如何在 Angular Bootstrap Datepicker 中调整周编号？

问题描述

默认情况下，Angular Bootstrap Datepicker 的周编号系统与我需要显示的不同。例如，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

谢谢。

解决方法

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) {}

}

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