将日期标签更改为完整日历中带有数字的日

Question

我正在使用FullCalendar V4以及Ionic -4和Angular-8。在周视图中，它向我显示 7 天。我希望每一天都显示为带数字的日。例如，它应该显示第 1 天，而不是星期一。 也

我打算只显示三周，所以应该有日 标签从第 1 天、第 2 天、第 3 天开始，一直显示 第21天

有没有内置的方法可以做到这一点。或任何其他方法都可以这样做。提前致谢:)

当前实施情况

columnHeaderText(info){
if(info){
return 'Day ' + this.count++
}
}

<ion-content>
<full-calendar #calendar 
[header]="header"
[defaultView]="defaultView" 
[plugins]="calendarPlugins" 
[editable]="editable"
[events]="events" 
[eventStartEditable]="eventStartEditable"
[eventDurationEditable]="eventDurationEditable" 
[dragRevertDuration]="dragRevertDuration"
[droppable]="droppable"
(columnHeaderText)=" columnHeaderText($event)"
(eventRender)="eventRender($event)"

></full-calendar>

Answer 1

也许你可以尝试这样的事情？ 并在每次更改为新的 3 周期限时重置"计数"

var count = 1;
var calendar = new Calendar(calendarEl, {
//your settings...
columnHeaderText: (date) => {
return 'Day ' + count++},
}
}

编辑

calendarOptions: any;
dayCount: number = 1;
ngOnInit() {
this.calendarOptions = {
columnHeaderText: () => {
return 'Day ' + this.dayCount++
}
}

，并在 HTML 中更改为：

[columnHeaderText]="calendarOptions.columnHeaderText"

}