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

Question

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

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 周周期时重置 'count'

      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"

}

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

Change the date labels as Day with numbers in full calendar

javascript

angular

ionic-framework

fullcalendar

fullcalendar-4