Javascript 在完整日历中将日期标签更改为带有数字的日期
我正在使用FullCalendar V4以及Ionic-4和Angular-8。在周视图中,它显示了7天。我希望每天都显示为带有数字的日期。例如,它应该显示第1天,而不是星期一。 也 我计划只展示三周,所以应该有一天 标签从第1天、第2天、第3天开始,一直到显示 第21天 是否有一个内置的方法来实现这一点。或任何其他方法。提前感谢:) 当前实施Javascript 在完整日历中将日期标签更改为带有数字的日期,javascript,angular,ionic-framework,fullcalendar,fullcalendar-4,Javascript,Angular,Ionic Framework,Fullcalendar,Fullcalendar 4,我正在使用FullCalendar V4以及Ionic-4和Angular-8。在周视图中,它显示了7天。我希望每天都显示为带有数字的日期。例如,它应该显示第1天,而不是星期一。 也 我计划只展示三周,所以应该有一天 标签从第1天、第2天、第3天开始,一直到显示 第21天 是否有一个内置的方法来实现这一点。或任何其他方法。提前感谢:) 当前实施 columnHeaderText(信息){ 如果(信息){ return'Day'+this.count++ } } 也许你可以试试这样的东西?并在每
columnHeaderText(信息){
如果(信息){
return'Day'+this.count++
}
}
也许你可以试试这样的东西?并在每次更改为新的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"
}我在使用Angular时更新了我的问题。请注意,渲染时未调用ColumnHeader文本函数。它没有修改任何标签:(请参阅我的更新,不要忘记重置dayCount,因为如果您在viewRender()中重置“dayCount”,它将继续添加。每次更改视图时,包括使用“下一步”,prev按钮,它都会被调用。Ry viewRender()已从v3更改为v4,您应该使用datesRender()