我正在使用 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>
最佳答案
也许你可以尝试这样的事情?并在每次更改为新的 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"
}
关于javascript - 将日期标签更改为完整日历中带有数字的日,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59678065/