Imagen del calendario 1 Imagen del calendario 2
Estoy usando un calendario angular y quiero establecer la hora de inicio del calendario a las 8 a. m. y la hora de finalización a las 7 a. m. Es posible hacer algo así en el calendario angular. Estoy atascado en este tema en particular durante tanto tiempo y no tengo idea al leer la documentación. He proporcionado la estructura del código a continuación.
<mwl-calendar-week-view *ngSwitchCase="CalendarView.Week" [viewDate]="viewDate" [events]="events" [refresh]="refresh" [dayStartHour]="dayStartHour" [dayEndHour]="dayEndHour" [weekStartsOn]="1" (eventClicked)="handleEvent('Clicked', $event.event, 1)" (eventTimesChanged)="eventTimesChanged($event)"> </mwl-calendar-week-view>¿Cuál es su problema? En la documentación hay una descripción de cómo usar dayStartHour y dayEndHour
/** * The day start hours in 24 hour time. Must be 0-23 */ @Input() dayStartHour: number = 0; /** * The day end hours in 24 hour time. Must be 0-23 */ @Input() dayEndHour: number = 23;Entonces en tu caso
<mwl-calendar-week-view *ngSwitchCase="CalendarView.Week" [viewDate]="viewDate" [events]="events" [refresh]="refresh" [dayStartHour]="dayStartHour" [dayEndHour]="dayEndHour" [weekStartsOn]="1" eventClicked)="handleEvent('Clicked', $event.event, 1)" (eventTimesChanged)="eventTimesChanged($event)"> </mwl-calendar-week-view>y en mecanografiado - archivo ts
dayStartHour: number = 5; dayEndHour: number = 12;Es solo un ejemplo y puede configurar lo que quiera en el rango o-23 como se describe en doc.