fullcalendar-4

问题 I'm trying to use fullcalendar with external events. I followed the example with external events that are dragged and dropped. That's exactly what I need and the example is ok: I'm able to drag external events and drop it on the calendar. They're converted into events. But the problem is they all are 60 minutes long. I'd like to change this value but I couldn't find how to do it. I found a lot of examples of setting durations but it's always for events and not for external drag and drop

问题 I'm refactoring a project originally done with version 3.4. I need to add a tabindex to event elements based on event order, previously I was using eventAfterAllRender, but I can't seem to find an equivalent in v4, is it there? What's the best way to go about this? 来源： https://stackoverflow.com/questions/55641641/is-there-an-equivalent-to-the-eventafterallrender-callback-in-version-4

问题 My calendar initialize with events from ajax-php script. The events has a simple css class with green background-color for available events and red background-color for not available events. I need that when I click on a green event, it will turn red to set this not available. var calendarEl = document.getElementById('calendar'); $('#calendar').empty(); var calendar = new FullCalendar.Calendar(calendarEl, { plugins: ['timeGrid'], defaultView: 'timeGridWeek', minTime: '08:00:00', maxTime: '18

问题 My calendar initialize with events from ajax-php script. The events has a simple css class with green background-color for available events and red background-color for not available events. I need that when I click on a green event, it will turn red to set this not available. var calendarEl = document.getElementById('calendar'); $('#calendar').empty(); var calendar = new FullCalendar.Calendar(calendarEl, { plugins: ['timeGrid'], defaultView: 'timeGridWeek', minTime: '08:00:00', maxTime: '18

问题 This example of copying events doesn't work in FullCalendar v4: https://codepen.io/ally-murray/details/JBdaBV Does anyone know how to make this functionality in the current version? Function "renderEvent" doesn't exist: $calendar.fullCalendar( "renderEvent", { resourceId, title: droppedEvent.title, start: startDate, end: endDate }, true); 来源： https://stackoverflow.com/questions/59747863/how-to-copy-event-via-ctrl-dragdrop-in-fullcalendar-v4

问题 In the FullCalendar plugin, I need allow selection of days until a day or between dates. I put an example to explain better. https://codepen.io/stefanmalex/pen/Jjjjgmp I have an array with disallowed days: var disallowedDays = ['2019-10-17', '2019-10-23', '2019-10-26'] I added the 'selectAllow' callback: selectAllow: function (selectInfo) { if (disallowedDays.includes(selectInfo.startStr)) { return false; } return true; } This works perfectly if you select day per day, allows selection of all

问题 I am implementing a calendar for my new website I retrieve events from a BackEnd application and show result in a modal using fullcalendar. I also use recurring feature from fullcalendar (https://fullcalendar.io/docs/recurring-events) to facilitate the use of my calendar. Here something strange happened, When the user creates a recurring event on Sunday it is created twice with different dates whereas it works like a charm on the other days. Here is a simplify version of my code : <div> <div

问题 I'm creating a calendar for leave of my writers. In this code, it is hardcoded and of course working var calendar = new Calendar(calendarEl, { plugins: [ 'bootstrap', 'interaction', 'dayGrid', 'timeGrid' ], header : { left : 'prev,next today', center: 'title', right : 'dayGridMonth,timeGridWeek,timeGridDay' }, //Random default events events : [ { title : 'All Souls Day', start : new Date(y, m, 2), backgroundColor: '#f56954', //red borderColor : '#f56954' //red }, ], editable : true, droppable

问题 Day three into my journey to filter my google calendar events by their source, I am now adding extended properties to my events which I will use to sort my events. Problem is, I can not access my extended properties. I followed this FullCalendar Event Object: Non-standard Fields (GCal) and added the below code to my own copy of the google calendar plugin. (The post answer says to include "extendedProperties: extendedProperties" but that would just break the script without having "item." first

问题 I have a FullCalendar and I want when, I hover the cell of the days, the background will be blue also, the time of this cell will be appeared. I try this : .fc-widget-content td:hover { background-color: blue; } But, I get : But, I want, to hover each cell for each day independently like this: How can I fix it ? 来源： https://stackoverflow.com/questions/59300806/how-to-hover-each-cell-for-each-day-with-react-fullcalendar