Измените метки даты на День с числами в полном календаре - PullRequest
0 голосов
/ 10 января 2020

Я работаю с FullCalendar V4 вместе с Ioni c -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>

1 Ответ

2 голосов
/ 10 января 2020

Может быть, вы можете попробовать что-то вроде этого? и сбрасывайте счетчик каждый раз, когда вы переходите на новый трехнедельный период

      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"

}

...