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

Question

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

I am planning to display only three weeks so there should be Day label starting with Day 1, Day 2 , Day 3 and all the way to display Day 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"

}