Questions tagged fullcalendar-scheduler

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": […]

Format column header dates in FullCalendar 5

Hello I want following date formate Currently, the format is something like this.. how can I break the Weekday String and date format Source: Angular Questions

fullCalendar how to trigger select event in touch screen

I’m using fullcalendar v2.7.0-beta and FullCalendar Scheduler v1.3.0 I can’t seem to get the cell selection working on touch devices I’m trying to do empty cell selection long-Press into clickable Source: AngularJS Questions

Fullcalendar v5 eventContent not working with angular js

I’m using Fullcalendar v5 in angular js, and i’m trying to make a custom event with: eventContent: function(arg) { return { html: constructEvent(arg) } }, The thing is that if i add: "<div ng-repeat=’user in arg.event._def.extendedProps.users’ class=’avatar’>" "<p>{{ }}</p>" "</div>" it won’t render. It’s like it’s outside angular’s scope. Can someone tell me if […]

Angular Fullcalendar Resource label with DOM Events are only executed once after running getApi() associated methods

I’m currently rendering some resources and events inside my Angular + FullCalendar app. I have the next resourceLabelDidMount() method in the calendarOptions: resourceLabelDidMount: (info) => { if (!info.el.classList.contains(‘section_item’)) { // Activity Info let activityInfoElement = info.el.querySelector(‘.activity-info’); activityInfoElement.addEventListener(‘click’, () => { this.showActivityDescription(info); }); // Event Creation / Management let clickedElement = info.el.querySelector(‘.planificator’); clickedElement.addEventListener(‘click’, () => { […]

eventLimitClick goes to current month

I am using FullCalendar, if a user clicks a + more, I wanted it to expand all events in the calendar so… I used eventLimitClick method like below. But if I click +more in the last month (April), it goes into May (current month), and if I go back to April, I can see those […]

By Anna Lee
Categorized as fullcalendar, fullcalendar-3, fullcalendar-scheduler Tagged

My fullcalendar scheduler view ressource forget one ressource

I’m a beginner with FullCalendar, I need to develop a calendar with schedular view with vertical ressources. My problem is when I want to insert ressources objects in my calendar, FullCalendar display only 14 ressources while I have 15 ressources. All the time my calendar forget one ressource. See my code to insert ressources : […]

By dorich31000
Categorized as fullcalendar, fullcalendar-scheduler, javascript Tagged

how to show agendaday with rowspan dynamically

I can’t get any CSS that change the specific column header with title when event loader: function initCalendar(myresources) { $(‘#day-calendar’).fullCalendar({ defaultView: ‘agendaDay’, // defaultDate: ‘2017-12-28’, defaultDate: $scope.setDate, aspectRatio: 1.8, editable: true, selectable: true, eventLimit: true, slotEventOverlap: true, minTime: $scope.lessonStartTime, maxTime: $scope.lessonEndTime, contentHeight: ‘auto’, slotLabelInterval: $scope.lessonTimeInterval, slotLabelFormat: “HH:mm:A”, header: { left: ”, center: ‘Time’, right: ” […]

By Vish153
Categorized as fullcalendar, fullcalendar-scheduler, jquery Tagged ,

‘FullCalendar" can’t adjust time lower than 30 minutes

I am working on the Schedule in PrimeNG : I am facing the issue how to add time to the Schedule. I see that it only can add date to the Schedule and adjust the time more than 30 minutes. It can’t adjust the duration time lower than 30 minutes. I am using Angular […]

By Son Nguyen
Categorized as fullcalendar, fullcalendar-scheduler, ionic2, primefaces Tagged

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