By Shiraz Rayan
PublishedCategorized as angular, fullcalendar, fullcalendar-5, fullcalendar-scheduler, javascript
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
PublishedCategorized as angular, fullcalendar
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
PublishedCategorized as angular, fullcalendar, javascript
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
By Tauseef Arshad
PublishedCategorized as angular, angular12, fullcalendar, typescript
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
By Tauseef Arshad
PublishedCategorized as angular, angular12, fullcalendar, typescript
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
PublishedCategorized as angular, fullcalendar, javascript
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 […]
By Shruti Nair
PublishedCategorized as angular, fullcalendar, twitter-bootstrap-3
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
PublishedCategorized as angular, fullcalendar, typescript
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
PublishedCategorized as angular, fullcalendar, typescript
‘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
PublishedCategorized as angular, fullcalendar
