在Angular fullCalendar组件中,在加载日历时使用start参数指定当前日期,并将nowIndicator属性设置为true。下面是代码示例:
HTML文件:
ts文件:
import dayGridPlugin from '@fullcalendar/daygrid'; import { Calendar } from '@fullcalendar/core';
@Component({ selector: 'app-calendar', templateUrl: './calendar.component.html', styleUrls: ['./calendar.component.scss'] }) export class CalendarComponent implements OnInit {
private calendar: Calendar;
public calendarOptions = { plugins: [dayGridPlugin], defaultView: 'dayGridMonth', nowIndicator: true, start: new Date() //当前日期 };
constructor(private cdr: ChangeDetectorRef) { }
ngOnInit() {
this.calendar = new Calendar(document.getElementById('calendar'), this.calendarOptions);
this.calendar.render();
this.cdr.detectChanges();
}
}
这样,就可以在日历加载后显示当前日期。