This monorepo encompasses all FullCalendar-related projects:
- premium features - custom license
- standard features - MIT license
- connectors - MIT license
- examples - MIT license
Premium full-sized drag & drop calendar & scheduler in JavaScript
Home Page: https://fullcalendar.io/docs/premium
License: Other
This monorepo encompasses all FullCalendar-related projects:
We currently rely on [https://github.com/francoispluchino/composer-asset-plugin](the Composer-Asset-Plugin) to install bower assets using https://getcomposer.org. Unfortunately this tool seems not to be able to 'build' the FullCalendar Scheduler package.
The result is that the FullCalendar asset IS installed properly (a 'dist' folder already exists in the repository with all the required files), but the FullCalendar-Scheduler asset can NOT be installed (no 'dist'). I filed an issue for this, a temporal solution might be to include a 'dist' folder in the tagged repo of FullCalendar-Scheduler?
Might be slightly related to #16
Got incompatible issue with earlier version of momentjs 2.1.0
tried to fix, and too complicated logic to know how to fix.
Not sure other versions, but your example are using 2.9.0, that works.
Events do not wrap correctly when start and end time crosses midnight into the next day, when "timezone: 'local'" is specified. You can see the event on the day it starts on, but when you move forward to the day it ends on, it either doesn't show up at all, or it shows up at the start of the local timezone offset.
It seems to work fine when "timezone: false" is configured. It only appears to be a problem when "timezone: 'local'" is configured.
Thanks
This bug can be seen @ http://fullcalendar.io/js/fullcalendar-scheduler-1.0.0/demos/grouping.html
Note events present for resources B,C,D,E,F
1.Collapse '460 Bryant' group
2. Change the day forward, then backward so you land on today's date
3. Expand '460 Bryant' group
The events are not rendered in B,C,D,E,F
It would be awesome if there was a way to have business hours for each resource in the timeline(Day) view.
In my app, each resource represents a room, and each room has it's own business hours. I would like to make it so that people can't try to schedule for a time for when the room is closed.
I might be able to make a hack that does this, but I would like it to be in a more official manner.
Hi
it seems that the selectOverlap option doesn't work with schreduler.
Try this JS Bin (and use "Run with JS") :
http://jsbin.com/kuhilexozo/edit?js,output
Currently it's possible to select range even if an event already exists and when the selectOverlap is set to false. It doesn't work also with background event
Hi Guys i want to use your plugin, but i can't find the viewDay with Resources and parent resources, as you have here:
http://fullcalendar.io/js/fullcalendar-scheduler-1.0.0/demos/column-grouping.html
Are you going to make it??
Thanks!
from @Patatou
Hi there,
When i put slotDuration: '00:05:00', slotWidth:30 and slotLabelInterval: '00:30' :
Option slotDuration and slotWidth is no longer taken in consideration when i'm on timelineWeek view.
I've try to simply modify your example with timelineThreeDays with simply put days:7, and i've same effect.
Any solution ?
struggling on this, and saw your example here: http://fullcalendar.io/js/fullcalendar-scheduler-1.0.0/demos/external-dragging.html
how to get the resource id in the drop callback? So far it only get date
from it. How do I know which resourceId it will get?
function( date, jsEvent, ui ) { }
Hello !
I'm currently testing fullcalendar-scheduler if it fits our application and I came across an implementation issue, I'm in a situation where we have the user enter 2 dates and want to render the scheduler between those dates.
My current implementation is overwriting the view object in but this doesn't work (gives very strange results most of the time).
What is the recommended way to do this ?
Current implementation:
function goToPeriod(dateObject) {
if(!checkCalendarExistance())
return;
var diff = moment.duration(
moment(dateObject.end)
.diff(
moment(dateObject.start)
)
);
var timelineType;
if(diff.asDays() < 8) {
timelineType = 'timelineWeek';
} else if (diff.asWeeks() < 5) {
timelineType = 'timelineMonth';
} else {
timelineType = 'timelineYear';
}
var customView = {
type: timelineType,
duration: diff
};
calendar.fullCalendar('option', 'views', 'customView', customView);
handleCalendarEvent('changeView', 'customView');
handleCalendarEvent('gotoDate', dateObject.start);
}
Today its only possible to assign one resource to an event. We need the possibility to assign multiple resources like:
events: [ { id: '1', resources: ['b','a','c'], start: '2015-06-07T02:00:00', end: '2015-06-07T07:00:00', title: 'event 1' } ]
While doing xml to hash to json conversion in ruby when a resource has just a single child then resulting children parameter becomes child itself and not an array with single element - postprocessing is needed for such situation to enclose single child into the array; would be nice if script would treat non-array children as a single child object
I will try to post a pull request for it
Hi,
I'm triying to get the old resourceId
from an event in a resource dropped into a new resource, as well as the new resourceId
. Is there any way to do it?
For the old resource id I just need to ask for the event.resourceId
but how can I know the new resource where the event was dropped?
eventDrop: function (event, delta, revertFunc) { }
eventResourceField: 'my_resource_id'
EventDrop to new resource will not update my_resource_id with new id.
Originally reported on Google Code with ID 2564
Hi all,
I am trying to get knowledfe on the new Resource / Timeline View and I'd like to add
a current time line or indicator. I mean, a vertical line.
I know this was an issue for the agendaWeek but I can't get it to work on this new
feature.
Could anybody helping me a little bit?
Best regards
Reported by pereiraschumy
on 2015-08-18 11:42:41
Hi everyone !
First, I would like to thank all of you for this amazing plugin !
However, I noticed a small bug on the new version... or maybe I 'm doing wrong :-/
I need to add an event when I select a slot time in a timelineDay view. So, I do this :
selectable
option for this view :views: {
timelineDay: {
selectable: true
}
}
select
callback, I create an event and I want to add and display immediately on my fullcalendar. I use ajax to save in my database, and it works, but the event is not displayed, I must do refetchEvents
for that the event appears. Here's how I created my event (in the success
) :select: function(start, end, jsEvent, view, resource) {
...
var newevent;
$.ajax({
url: Routing.generate('...'),
data: {
event_id: id,
event_title: resource.title,
event_start: start,
event_end: end,
event_agent: resource.id
},
type: 'POST',
dataType: 'json',
success: function(response){
newevent =
{
id: response.eventid,
_id: response.eventid,
title: resource.title,
start: start,
_start: start,
end: end,
_end: end,
allDay: false,
editable: true,
agent: resource.id,
constraint: 'businessHours',
color: resource.eventColor
};
$('#calendar').fullCalendar('renderEvent', newevent, true);
$('#calendar').fullCalendar('addEventSource', newevent);
$('#calendar').fullCalendar('refetchEvents');
},
error: function(e){
console.log(e.responseText);
}
});
$('#calendar').fullCalendar('unselect');
return true;
}
I tested renderEvent
in agendaWeek and it works, the event is directly displayed (just using renderEvent) ! So I suppose this is a bug of scheduler ?
Thanks in advance ! And sorry for my english, I'm french...
Regards
Hi,
When you're in timeline with multiple day view, if slotDuration < 00:10:00 scroll with day name disapear.
Strange...
It is possible to constraint an event to a specific type of resource / categorie during an drag'n drop ?
Can you please publish fullcalendar-scheduler to npm, just as you have already published fullcalendar?
Thanks!
Dear Sir
we are in KSA and other Arabian Gulf Country use Umm Al Qura Hijri Date , can it supported with Arabic Language .
from @danielsmacdonald, moved from here
The eventDrop callback has these arguments: (event, delta, revertFunc, jsEvent, ui, view). When used with Scheduler, event.resourceId represents the new location of the event. Could we have something to represent the old location (resourceId before the move)?
Maybe replace delta with prevEvent object? Or just add a property to event, something like event.prevResourceId or event.prevLocation.
Currently I'm adding the resourceId to the event in duplicate (one with a different name) so only one gets overridden and I can still read the old one. But this is messy and error prone.
Hi,
I have tried add two days event into scheduler but it is not showing this event!
Can you help me please how is it possible?
I did this too!
e.g
start date = 2015-09-10 00:00:00 (today date)
end date = 2015-9-11 23:59:59
it shows the event in 2015-09-10 00:00:00 but when I clicked on left top arrow for next day, event disappeared there!
Any solution?
I add an event bij dragging a period on the calendar.
Then i get a bootstrap modal with start en end date already filled in. Using this code:
select: function(start, end) {
var start = $.fullCalendar.moment(start).format("YYYY-MM-DD HH:mm:ss");
var end = $.fullCalendar.moment(end).format("YYYY-MM-DD HH:mm:ss");
$('#AddEventModal #start').val(start);
$('#AddEventModal #end').val(end);
$('#AddEventModal').modal('show');
},
Is it not possible use the clicked resource?
Hi all,
I don't find how i can specify the ressource min and max height, any idea ?
Ty
Is it possible to hide time ranges on the timeline view. For example midnight - 6 am and then 8 pm to midnight is time that events are hardly ever scheduled so it would be nice to have a way to dynamically show/hide these times. Maybe a call back to reload the timeline view with the times showing or without them showing.
Hi all,
I'm trying to add multiple json feed like this :
events: [
{
url :'./json-plage.php'
},
{
url :'./json-ressource.php'
}
]
But, i've HasTime error... only work like this with one events json:
events: {
url :'./json-plage.php'
},
Is it a know bug ?
Ty
If an event spans more than one day and a view with slotDuration equal to one day is used, the event will not end on the last day, it will end on the day before the last day.
This problem did not exist in v 1.0.0.
Demo here:
http://jsbin.com/ceyizevaxu/1/edit?js,output
See http://jsbin.com/yomiva/edit?js,output
instructions: change to resource1 or 2, now click on 3day.. the resources seem to jump back to
the previous resources
Hi,
I am planning to purchase Fullcalendar Scheduler (TimelineDay view) for my project. On this behalf, I have been creating / researching this component using docs and google help, found this is little similar to my requirement.
I would like to clarify, whether we have the following functionalities in the licensed version.
Hi ya folks. I am wondering if anyone has been able to manipulate the rendering of cells to display a business hours type effect on a 'per-resource basis?
I can globally set business hours in fullcalendar which trickles down to the scheduler plugin. However the goal here is to define separate 'availability' for a given resource.
I haven't got any code to show at the moment as I have just started to look into this problem and don't know if it is even possible.
Any advice would be greatfully recieved.
Cheers
refering to closed issue #51
I used following code:
select: function(start, end, resource) {alert($.fullCalendar.resource); },
But this gives me "undefined" as alert.
It is possible to collapse a group when rendering the scheduler ?
I apologise is this is already possible and documented somewhere, but I can't find it. However, what I'd really like is something basically the same as the Timeline view in the Scheduler add-on (which I'm very happy to pay for, all of your work is excellent), but with the resources as columns and the timeline going vertically down the page. So, exactly the same as the week view, really, but with days/dates in column headings replaced with resource names.
dd and tt do not work for slotLabelFormat. d and t work fine.
Reference: http://fullcalendar.io/docs1/utilities/formatDate/
I have not tested all possible formats, so there may be others not working.
Hi,
I found out that if you use both "resourceColumns" and "resourceGroupField", it is not possible to resize the columns correctly using the column resize handle.
How to reproduce the issue:
1 - Open this sample link: http://jsbin.com/tugebubelu/edit?js,output
2 - Click and drag the separator between "Room" and "Occupancy" to resize the column
The "Occupancy" column disappear.
Kind regards
Stefano
As per the SO thread here:
http://stackoverflow.com/questions/32265394/fullcalendar-scheduler-set-to-collapse-by-default
reported by @projectfuturism
The jquery version included in the jquery.min.js
of the fullcalendar-scheduler-1.0.0.zip is 1.11.3:
/*! jQuery v1.11.3 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */
It should probably be v.2.1.4, since 2.1.4 is the jquery version that's included when fullcalendar-scheduler is installed with bower or built from source.
Have to specify scrollTime in timelineDay view specific option. Should use default scrollTime just like for example agendaDay does.
fullcalendar
is conveniently hosted at cdnjs.com also discussed at the download page. This would be great to have forfullcalendar-scheduler
as well...
I cannot change the day. Uncaught TypeError: Cannot read property 'clone' of undefined
var blockedEvent = {
title: event.title,
start: event.start,
end: event.end,
allDay: false,
resourceId: linkedRoomId,
rendering: 'background'
};
The events render in the background but I get the attached
I could not get the online jsbin demos to work but I created them anyway. I broke out the scheduler.js to more lines in case that helps determine the root cause. The behavior is the same for at least IE 11.0.9600.17914 and Chrome 44.0.2403.155 mhttp://jsbin.com/wucediz/edit?output
How would I make the previous and next buttons move only half the amount of time? For example I have a "2 month" view but would like the next button to only move the view forward 1 month.
So if it is currently displaying Jan-Feb I want it to move one month to Feb-March instead of March-April.
This allows the user to be able to easily drag items between months. Right now they will always have a hard time dragging an event from one month to the next
Originally reported on Google Code with ID 2513
I was trying your Resource / Timeline View , so I used your new fullcalendar.min.js.
The following jsFiddles use the same code, the first one include your fullcalendar.min.js
, but the second one not. When I include your js there is a bug on the display of the
dateTimePicker.
With your js : http://jsfiddle.net/Baptiste94/b8q5n8az/2/
Without your js : http://jsfiddle.net/Baptiste94/b8q5n8az/3/
Reported by [email protected]
on 2015-06-03 08:15:57
This isn't an issue so much as a question. As you know Adam, I've been using a ui-calendar (personally modified code) version of the full-calendar within an AngularJS application.
I do like your scheduling plugin and can plainly see it's various uses - and of course would like to integrate it as a module within the same angularJS application. The question is this... as an Open Source code base with attached licensing, what is your stance on me pulling the code and converting it for Angular? or for that matter, if i discover, "hey it's golden as it sits without needing to create a service/factory/module from the existing code" and then plugging it in?
Would we be able to have a private dialogue on what that would look like for you? I realise fully that you've put a lot of work, time and effort into this included request item, and although I'm going to do (my usual) modifications to your existing code... well... I like to follow the rule of thumb of "never piss off the guy who created it, cuz one day it may be me" approach to code :)
Hello and congratulations for the good work :)
I have a small problem on resource recovery as for retrieving data, I the period concerned but not for gold resources the January resources are not necessarily the same as that of February ...
So should the start date and end during calls to resource functions.
Is it possible to put this?
If it's good on my side I buy ;) and congratulations !
I am having issues with the time bar not being rendered properly in Scheduler v1.0.0. Attached are two screenshots illustrating my issue.
In the first image, you can see the time bar starting at 00:00, but the scroll bar for the timeline being somewhere about 1/4 into the day. In the second image, you can see the time bar starting at 06:00 and the time bar being in the same spot as the previous image. It seems this happens every second day, because when I go to September 20th, the time bar starts at 00:00 again, but at 06:00 on the 21st.
If I use the scroll bar to scroll in the view, the times are rendered properly and follow along nicely, attached is another image of the timeline for September 18th, only scrolled a little bit to the left. As shown, the times are now rendered properly.
I tried rolling back to the beta version of the scheduler I downloaded this summer (switched out both fullcalendar and scheduler files) and the times are rendered properly there with no issues, but there seems to be something off in the 1.0.0 version of Scheduler.
The code used is just basic resource retrieval from an API and everything is rendered using Fullcalendars and Schedulers default renderers. I am reluctant to post the code publicly, however, as it is intended to be used as a commercial product (with a license being purchased as soon as we are ready to roll out of beta), but I can supply you with my code privately if necessary.
Event overlap only seems to be working in the timelineview. Not in the other views.
I used "eventOverlap:false".
It would be wonderful if we were able to hide non-business hours from the scheduler. Is this possible? If not, can you point me in the right direction?
Hi,
Great work with the FullCalendar! I have a little problem that I have been wrestling with - I need to group rows by certain group header like in the examples/demo shown in the http://ui-grid.info/docs/#/tutorial/209_grouping. They don't necessarily need to be expandable/collapsible but simple row grouping would suffice. Would it be possible or completely out of the paradigm/design?
Thanks!
Hi
The current bower.json ignores almost anything not in the dist folder. The dist folder this folder is not there, so while fetching via Bower, the source code files is not downloaded.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.