angular full calendar event dosen't display

323 Views Asked by At

I use angular full calender v4 for display events in calendar but I have error when I want to display events in timeGridDay and timeGridWeek i have error of display , is displayed or hours. example of errors display events of week:

enter image description here

and also example of errors display events in day:

enter image description here

code html:

            <div class="col-lg-12">
        <full-calendar
            #myCalendar
            defaultView="dayGridMonth"
            [slotLabelFormat]="slotLabelFormat"
            [plugins]="calendarPlugins"
            [header]="{
                left: 'prev,next today',
                center: 'title',
                right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
            }"
            dir="rtl"
            [events]="listEvents"
            [eventTimeFormat]="eventTimeFormat"
            (eventClick)="handleEventClick($event)"
        >
        </full-calendar>
    </div>

code ts:

            eventTimeFormat = { hour12: false, hour: '2-digit', minute: '2-digit' };
        slotLabelFormat = [ { hour: '2-digit', minute: '2-digit', hour12: false } ]
0

There are 0 best solutions below