fullcalendar-scheduler

问题 I am getting mad with trying to get sticky header with full calendar scheduler. I tried height: "parent" I saw a lot of posts but none of them worked. but then there are 2 scrollbars (one for the main window and one for the calendar). Is there a solution for having sticky header? Thanks 回答1: Finally it worked with something like .fc-toolbar.fc-header-toolbar { position: sticky; top: 70px; z-index: 10; background: white } .fc-head-container.fc-widget-header { position: sticky; top: 108px; z

问题 I am trying to set up my FullCalendar to only show specific dates when using the 1 day Vertical Resource View. For example, I want the user to only see 2020-03-22, 2020-04-12 and 2020-04-15. I can figure out how to set a date range, but not how to only show individual dates: var calendar = new Calendar(calendarEl, { defaultView: 'resourceTimeGridDay', defaultDate: '2020-03-22' visibleRange: { start: '2020-03-22', end: '2020-04-15' } }); Here is an example of the 1-day vertical resource view:

问题 I am trying to drop an external event into a resourceTimeGridDay but can't find the current resource id in the view. Where in the info object is the resource id listed? eventReceive(info) { console.log("eventReceive:", info); } 回答1: The resource is in : info.event._def.resourceIds console.log('eventReceive', info.event._def.resourceIds); 回答2: Problem is solved. info.event.getResources() will return an array of resources. Here is the solution: https://github.com/fullcalendar/fullcalendar

问题 I'm using react scheduler of FullCalendar. I like to keep the drag and drop feature for changing the event from one resource to another. But is there a way to disable dragging horizontally to change time. Also right now, the drag and drop works like event will stick from one resource to another, there is no smooth drag action, Can someone help me figure out a way to implement smooth drag and drop (Event will follow the mouse) in FullCalendar if its possible? Disable drag and drop horizontally

问题 I'm using react scheduler of FullCalendar. I like to keep the drag and drop feature for changing the event from one resource to another. But is there a way to disable dragging horizontally to change time. Also right now, the drag and drop works like event will stick from one resource to another, there is no smooth drag action, Can someone help me figure out a way to implement smooth drag and drop (Event will follow the mouse) in FullCalendar if its possible? Disable drag and drop horizontally

问题 I have purchased the Fullcalendar license.But i'm facing issue as it doesn't scroll automatically to current date in timelineWeek,timelineMonth view.I have attached below the code snipet which I have tried. if $('#eventcalendarsub').length > 0 $('#eventcalendarsub,#eventcalendarsubbig').fullCalendar scrollTime: moment().subtract(3, 'h') disableDragging:true nowIndicator:true editable: false height: 390 header: left: 'today prev,next' center: 'title' right: 'timelineDay,timelineWeek

问题 Is it possible to show the events one below the other like the image?i want view week with events vertical order sorry my English is not perfet 回答1: No, it is not possible without editing the source code of fullcalendar. The best you can do is set eventOverlap: false so that users at least cannot drag and drop the events to have the same time. You can also try fullcalendar's scheduler plugin which will do almost the same. Search the documentation for vertical resources layout. 来源： https:/

问题 I'm following this ApNg2Fullcalendar installing structure step by step , Im used Angular 5 , but I had following error node_modules/ap-angular2-fullcalendar/src/calendar/calendar.d.ts(3,10): error TS2305: Module ''fullcalendar'' has no exported member 'Options'. node_modules/fullcalendar/dist/fullcalendar.d.ts(695,36): error TS2304: Cannot find name 'JQueryPromise'. node_modules/fullcalendar/dist/fullcalendar.d.ts(696,29): error TS2304: Cannot find name 'JQueryPromise'. node_modules

问题 In my scheduler view, I'm trying to limit the amount of time a user can select to a maximum of 4 hours. I thought that selectConstraint would be the ticket, but don't see a way to apply a max selectable duration. I was hoping for something along the lines of selectConstraint: {duration: '04:00'} or perhaps duration: '240' (in minutes). Or... maybe limit the number of selectable slots?? I have it broken up into 15 minute increments, so is there a way to limit the select to a maximum of 16

问题 I added different business hours for specific dates and different ressources, but the inverse-background layers are cumulative. The event on the morning have color of afternoon event parameter and reciprocally. I want to have both white events. Example here: http://jsfiddle.net/gwpoofqk/ it's independent of businessHours and ressource parameters. events: [ { start: '2018-05-02 10:00:00', end: '2018-05-02 11:00:00', color: 'blue', rendering: 'inverse-background' }, { start: '2018-05-02 14:00