Questions tagged fullcalendar

Explore the latest questions and answers asked by our top developers.

Sort resource items in fullCalendar with Room

This is my resource and event items: const resourceItems = [ { "id": "c", "title": "Resource 1", sort1: 10, sort2: 7}, { "id": "d", "title": "Resource 2", sort1: 14, sort2: 5}, { "id": "e", "title": "Resource 3", sort1: 18, sort2: 3} ] const eventItems = [ { "resourceId": "c", "title": "event 1", "start": "2022-01-12T10:20", "end": […]

Displaying time in fullagenda angular while scrolling

which is the best way to display time on the fullcalender when we point on a specific line? I set displayEventTime: true, to true in the calendarOption but it just display tile while clicking in the calendar Source: Angular Questions

By inging dev
Published
Categorized as angular, fullcalendar Tagged ,

fullcalendar not displaying last day of month

fullcalendar not displaying last day of month I am displaying full month view and full calendar is displaying correct header viz . Dec 1 – 31, 2021, but when rendering the view, its displaying dates only till 30th Dec. Its not displaying 31st December. Any help to fix the issue is appreciated Source: Angular Questions

By Rohit Maini
Published
Categorized as angular, fullcalendar, javascript Tagged , ,

Perform action OnClick event in full Calendar Angular

Property ‘openTaskComponent‘ does not exist on type ‘CalendarOptions‘. Although i have a funtion name openTaskComponent that open a modal. eventClick:function(arg){ console.log(arg); console.log(arg.event.title); **this.openTaskComponent()** alert(arg.event.title) alert(arg.event.start) }, Source: Angular Questions

Type FullCalendarModule does not have ‘ɵmod’ property

Hi I am using full calendar with angular. Type FullCalendarModule does not have ‘ɵmod’ property. Source: Angular Questions

Week Grid Time in Full Calender [closed]

i have seen Following demo and Reference of Full Calender https://fullcalendar.io/docs/timegrid-standard-view-demo it’s initialView is timeGridWeek enter image description here its Working Fine for me but i need something like Week Grid Time enter image description here means First Column is Week and remaining Other column for time any one have an idea..? Source: Angular Questions

By user10711489
Published
Categorized as angular, fullcalendar, javascript Tagged , ,

Integrating full calendar plugin with angular 12 design not loading

I’m trying to implement the FullCalendar plugin in my angular project. Below is the code Module import { FullCalendarModule } from ‘@fullcalendar/angular’; // must go before plugins import dayGridPlugin from ‘@fullcalendar/daygrid’; // a plugin! import interactionPlugin from ‘@fullcalendar/interaction’; // a plugin! FullCalendarModule.registerPlugins([ // register FullCalendar plugins dayGridPlugin, interactionPlugin ]); @NgModule({ imports: [ CommonModule, FormsModule, FullCalendarModule […]

Dragging events in fullCalendar does not work angular

I want to implement a drag and drop functionality for my fullCalendar events. The functionality enables users to drag and drop events within the calendar to change their event in another day and time. This is the html code I have: <p-fullCalendar deepChangeDetection="true" [events]="events" [options]="calendarOptions"></p-fullCalendar> and this the ts file this.calendarOptions = { droppable: true, […]

By adele
Published
Categorized as angular, fullcalendar, typescript Tagged , ,

Drop and Dragging events in fullCalendar does not work angular

I want to implement a drag and drop functionality for my fullCalendar events. The functionality enables users to drag and drop events within the calendar to change their event in another day and time. This is the html code I have: <p-fullCalendar deepChangeDetection="true" [events]="events" [options]="calendarOptions"></p-fullCalendar> and this the ts file this.calendarOptions = { droppable: true, […]

By adele
Published
Categorized as angular, fullcalendar, typescript Tagged , ,

‘full-calendar’ is not a known element

Hi I want to use fullcalendar in my project. I try to do everything according to the instructions as indicated on the documentation page for fullcalendar https://fullcalendar.io/docs/angular but I keep getting the same error: ERROR in src/app/calendar/calendar.component.html:2:1 – error NG8001: ‘full-calendar’ is not a known element: 1. If ‘full-calendar’ is an Angular component, then verify […]

By Alex
Published
Categorized as angular, fullcalendar Tagged ,
1 2 3 18

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq