FullCalendar 1.5.1 Released

FullCalendar 1.5.1 has been released. This is a minor bugfix release and has been tested and bundled with jQuery 1.5.2.

Browser Testing

FullCalendar has been tested with the newly released Firefox 4, and everything is shipshape. Also, because it uses the latest jQuery, it is now compatible with Internet Explorer 9.

Developers have reported success using FullCalendar with IE9 and have filed no bugs, however, I have yet to do a full QA test in IE9 because I do not own Windows 7. Would anyone be able to hook me up with a legitimate copy? I would be eternally grateful! I own Windows XP and can upgrade from that. Here is my Amazon wishlist: http://amzn.com/w/1CYNE5Z5420QK (UPDATE: got it! see my comment below)

Issues that have been closed:

Psst... there are separate pages for feature requests, bug reports, and getting help.

  • James

    Do the license for this allow for use within Commercial project that will be sold on for a profit?

  • http://arshaw.com Adam Shaw

    yep, just like jQuery, FullCalendar is released under the MIT license which freely allows inclusion in a commercial project, but requires that if one makes changes of FullCalendar’s source code, they need to share those changes.

  • James

    Wow, thanks for such a quick answer. Looking forward to using this in an upcoming project.

    Thanks

  • Mathias

    http://www.opensource.org/licenses/mit-license.php

    with the MIT-licensed version you can do whatever you want to do, you do not have to give _anything_ back.

  • Eddy

    I’m sure donations are welcomed

  • http://arshaw.com Adam Shaw

    @mathias, I guess I have misunderstood this whole time. I have basically just followed what jquery has done and not concerned myself with the legal aspects. I am happy to offer fullcalendar under these terms and hope that others will find good uses for it.

  • http://www.codesherpas.com David BocK

    I just released a demonstration app that shows how to integrate fullcalendar with rails3, closely following Rails restful ideals.

    https://github.com/bokmann/rails3_fullcalendar

  • nemke

    Nice job, keep up the good work.

  • Natarajan Sankaran

    We have tried installing this plug-in in our application. We were able to install and use the plug-in in a region. When we run the page, it throws an error “f.widget is not found”. The calender is not displayed. However if we install this in a brand new apex application, works fine.
    What might be the issue and why it is not working with our application.
    Can anybody help me?
    Advance thanks,
    Natarajan

  • Natarajan Sankaran

    Regarding my above issue, our application uses “Transitional” DTD whereas the new apex application uses “Strict” DTD. Does this cause the issue?

  • http://www.ifadey.com Fawad Hassan

    Thanks for this plugin. I used it in one of my project (www.asimsubhani.com) and I really liked it. Thanks again Arshaw :)

  • Chris

    I am trying to use this calendar, but I can not get it to view on Firefox from my web page. Any suggestions, btw, I am rather new at this.

  • http://arshaw.com Adam Shaw

    Today I received a copy of Windows 7 from a secret gift-giver. Thank you! I will do a thorough QA in IE9 now. Really appreciate it!

  • http://arshaw.com Adam Shaw

    Secret gift-giver = Adam G. Thank you Adam!

  • http://www.nemke.net nemke

    Maybe you got dozen of w7 in mailbox :)

  • http://arshaw.com Adam Shaw

    @nemke, haha no, amazon wishlists are set up in a way that the item disappears after one person buys it.

  • http://www.woorii.biz piano50

    FullCalendar 1.5.1 – Good!
    Another Events -> backgound color not impossible … sad

    I want another Events, another Eventcolor!

    $(document).ready(function() {
    $(‘#calendar’).fullCalendar({
    editable: true,
    events: [ ...
    ],
    eventColor: ‘#378006′
    });
    });

    $(document).ready(function() {
    $(‘#calendar’).fullCalendar({
    editable: true,
    events: [
    a, eventColor: '#378006',
    b, eventColor: '#378006',
    c, eventColor: '#378006'
    ],

    });
    });

    Do you Understand?

  • piano50

    $(document).ready(function() {
    $(‘#calendar’).fullCalendar({
    editable: true,
    events: [
    a, eventColor: '#378006',
    b, eventColor: '#3366cc',
    c, eventColor: '#ff0000'
    ],

    });
    });

  • brkans

    Great work, Adam!

    Are there any onClick events built in for the previous, next, today, month, week, and day buttons in the header?

    Please share if this is available or if there is a workaround or if it will be available.

  • Chico

    Hi Adam,

    do u have any solution implemented to know if there is a event??
    i`ll give a example:

    i create a event that start on 8:00am, but the event box dont fill the calendar box, so a little space appear on the right of the box. if u click in this little space u can create another event in the same time.
    Do u have any to know if there is a event there?
    i dont know if u understand me. if u dont, ill try again.

    Thanks a lot.

  • http://www.logsitall.com bill patton

    love the plugin – awesome work. Is there a way to ‘render’ html based event detail? ie: (i’ve tried escaping the html chars to no avail)…
    { title: ‘<p>simple test</p>’,

    suggestions?

    -bp

  • SJH

    I’m looking for a project that will let me load calendar data from a database source via Ajax – I see FullCalendar will let me do this.
    Is there any support – or could someone point me in the right direction – for “sharing” that same external source with Outlook?

  • Scott

    The calendar breaks if the user’s timezone is set to Amman (GMT +2).

    For April, the month shows march. And it is usually off by one day.

    This is because their daylight savings time is different than the rest of the world.

    But I don’t know how to fix it.

    Any ideas??? Please help!

    • Sebastian

      Hy Scott.
      I was having the same problem with the day being off by one when trying to use the fullcalendar in a french app. For example instead of having Mercredi 7, I would have Jeudi 7 (Mercredi 7 being the correct date).

      Here is what I did:

      firstday: 1,
      dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi',
      'Vendredi', 'Samedi' ],

      dayNamesShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],

      Basically you declare the translated names of week days in the same order as in the american system(Sunday, Monday…) and set the firstDay to Monday.
      I hope this gives you an idea for your problem.

      Cheers

      PS: Thanks Adam Shaw for this wonderful plugin.

  • Anon

    @Adam: Yes, MIT does not require you to share your source, but you’ll find many developers will share their source with you anyway, as they either…

    1. Giving something back
    2. Want their changes integrated into the official version
    3. Nice people, or
    4. Want to show off

    Thanks for the MIT license!

  • Tim

    I too am seeing the issue with Amman. Has anyone heard how to fix it?

  • Shailesh

    Hi Adam,
    Very great work man!!

    I am using your plugin in my app. Hey dude, when you gonna help us out in dropping events outside of the fullcalendar?

  • Yan

    Can you tell me how to edit an event?

  • Greg

    Hi Adam,

    I’m using the fullcalendar in my asp.net app. I need an alert window to come up when requestors click on a day in the calendar to reserve a date that is less than three weeks away.

    I have the code for the alert that works, like
    dayClick: function (date, allDay, jsEvent, view)
    alert(‘The requested date is within the 3 week reservation window.’)

    But I’m in trouble with a “three weeks” condition, like
    if date<=date(+21)…????

    Could you please help?
    Thank you in advance very much!

  • brent

    Is there a property to make the cells resize with the browser?

  • joce

    Hi

    First of all i want to say that i relay like your job. I have one questions. I want to present the calendar in all forms, and for this i use next code

    header:
    {
    left: ‘prev,next today’,
    center: ‘title’,
    right: ‘month,agendaWeek,basicWeek,agendaDay,basicDay’
    },

    But, i have problem with button name, its show “day” for basciday and agandaday. It’s possible to give two not same button names

    Thanks :)

  • Jim

    Is it possible to use this to grab a feed from a google calendar and only display busy times as say a blackedout day. But without any info except that that day is marked as unavailable?

    Say May 21-28 would have blackout days. Those days would show up as blackedout, but none of the details entered in the calendar are visitable to website?

    Thanks

  • Jim

    Also can you lock down calander so it only displays calander dats from google calander and make it so you can’t drag and drop events?

    Like make it read only

  • http://www.pegasi.info Aroaldo Soares

    Very nice! I’m using in my new project.

  • anon1

    @joce i think that is in the docs

    @jim i dont think that would be possible to back out days .. maybe creat an event to fill the entire day with a black background /colour

    @jim .. yes you can make it read only. i think if you remove the drag function it should do the trick .. there is also a switch in the docs that does something like that i think ..

  • anon1

    @brent yes i belive its possiable to resise cells, you would have to look through the docs however

    @greg … think that would come under custom coding … a bit out of the scope of the documentation but it should be possiable.

    @Shailesh you CAN drag and drop events out to a list box on the page its covered in the docs

    @Yan yes you can edit events, however youd have to create the interface your self, also it depends on what you have running inregards to a database server etc .. and interface to that

    If loading events from with in the html its self, i dont think you can edit events

  • brent

    @anon1

    Yeah, i’d already looked thru the docs and didn’t see a way to have the cells resize with the browser.

    Brent

  • dp

    bill patton —-

    you can ‘tweak’ the title on eventRender
    to show html by reading the text, and and then writing it as html ..

    var str = $(element).find(‘.fc-event-title’).text();

    $(element).find(‘.fc-event-title’).html(str);

  • dp

    or if html is already embedded in title..

    $(element).find(‘.fc-event-title’).html($(element).find(‘.fc-event-title’).text());

  • Patrick

    How to handle a repeating event?
    Give some hints? Thanks!

  • http://- Yudhi Guntara

    Thx, very useful ^^

  • Laurent Souchet

    Thanks a lot for you FullCalendar.
    We use version 1.4.8 integrated with Java Apache Wicket with success.
    We have 5000 users, usally use their (full)calendar to take appointments to call back telecom customers.
    Your component is a good piece of our application.

  • Bouks

    Like Mike.

    I have the same issue.
    But not only in Firefox 4.0.1, also in Chrome (11.0.696.68) and IE9 !

    “I’m having an issue though with Firefox 4.0.1. My calendar will not load/display but works fine in IE 8.

    I inspected the DOM in firebug and there is nothing filled in for the calendar itself. Then, after resizing the window of firefox (or closing firebug) the DOM for the calendar is magically filled in.

    Any ideas what is causing this?

    Is there a way to force the plugin to populate the DOM?”

    • Prashant Kharche

      Hi Folks,
      If anyone has solution to the above problem.
      Please mail me.I am facing the same issue.
      Thanks in Advance!

  • Chris Hodges

    I noticed that the calendar would overlap the first two events, but after that it would not overlap them. Is there anyone to change so that every item will overlap if in the same time frame?

  • huling

    how can i delete event?

  • redhaze

    how do i go about doing this..
    1. all i need is a basic version of the calendar rendered inside say a div
    2.i need to add a marker called blocked on a particular date through admin side only which will be viewed on the userside as just a calendar with text as blocked.
    3.delete marker from admin side if needed again changes reflected back in the user side

  • http://www.hortors.co.za Tshepang

    Can Iinterface this with a DB to get users to share a calendar???

  • http://www.frosteng.net Renee Marthaler

    How can you edit/delete an event that has been added?

  • esca

    Hi! Good job!!
    Just one minimal issue with the IE… it does not display the calendar. I’ve tried with Opera, FF, Safari and all of them display it. The only way the IE displays the calendar is not passing any arguments in fullcalendar function and let the default values from fullcalendar.js. This is of no use for me since I have to customize the calendar and pass events (json). Can you help me please???

    Thanks in advance!

  • nirali

    hi,
    I want a mechanism like I want to add the text, came from database, in month slot before full calendar renders. How can I achieve it?
    plz help me.
    Thanks in advance

  • nirali

    If anyone has solution for the above can mail me on : niraligandhi2710@gmail.com

  • Piotr

    Hi,
    When can I expect (if any) a new version of FullCalendar with dayRender function integrated? (I would like to mark some days – for example Holidays – with different styles than other days)

    • rtremmel

      I am also interested in the dayRender function.

  • http://stoxx.com Funso

    Hi
    This is nice jquery calendar Plugin.
    Can the fullcalendar display a full year or quarter or a date range on one page ?

    Regards
    Funcoder

  • Lee Owens

    I tried adding this as an issue in Google Code, but kept getting Server Errors (code 502).

    Using the calendar on the fullcalendar homepage: http://arshaw.com/fullcalendar/

    If you go to the day view and then execute something like:
    $(“#calendar”).fullCalendar(‘gotodate’,2011,5,8);

    The day does not change. This used to work.

  • Lee Owens

    Nevermind, the command is gotoDate not gotodate. My bad.

  • martianqueennz

    Adam,
    Does the new release include ‘Resource View’ such as this one:
    http://www.ext-scheduler.com/examples/validation/validation.html

    or is issue 490 still outstanding?
    Thanks

  • Ashish Kumar Das

    Hi All,
    Thank You very much Adam for such a beautiful control. The interface is quiet good and user friendly.

    One important question …

    How to remove the schedule from calender?
    Do we need to always maintain it from DB side?

    I dint find any delete button in the scheduler.

    Expecting your feedback on this.

    Thank You

  • Aamir Talib

    How to change background color in full-calendar plugin
    I am using full-calendar jQuery plugin in my application with Grails.

    1). Is it any way to change the background color of a specific day in week view and in month view?
    for example background color of Saturday and Sunday should be Gray and background color of Monday should be Green (Others are default or white)

    2) and how to change background color of specific time duration in day view?
    for example background color of time 09:00 AM to 06:00PM should be yellow and other should be Gray.

    Important: I don’t want to change the plugin source code. I want to change if this plugin support that we can change the background color as these requirements.

    Thanks in Advance

  • Jose Villacorta

    Nice plugin! i’m using it in one of my projects.

    I noticed that the current date is based on client computer’s time settings. I was wondering if it’s possible to manually set the current date. I’ve checked the documents but to no avail.

    Thanks!

  • Sharath

    Hello All..

    How can i use a different style sheet for the full calendar. I am using a different themes in my application.
    Kindly do suggest.

    Sharath

  • http://explorephilippines.org Richard

    Got the calendar working here with pop-up bubbles.
    http://explorephilippines.org/events

  • http://www.thinkpinkpixels.com ed

    Richard, above post, how did you do the pop-up thing? Please share.

  • http://www.24hrassistant.com Romeo Iula

    Hey Adam,

    This plugin is amazing! Any idea when we can expect the next update? I saw you picked up a few tasks that add the exact functionality I’m in need of! Thanks again!

  • MrSpoocy

    Hi,

    i use the Callendar and it is nice ;)
    But i think for the next version give a methode to edit the Event Style (i meen the function slotSegHtml & daySegHTML)

    for example:

    “<div class=’fc-event-inner fc-event-skin’” + skinCssAttr + “>” +
    “<div class=’fc-event-head fc-event-skin’” + skinCssAttr + “>” +
    “<div class=’fc-event-time’>” +
    htmlEscape(formatDates(event.start, event.end, opt(‘timeFormat’))) +
    “</div>” +
    “</div>” +
    “<div class=’fc-event-content’>” +
    “<div class=’fc-event-title’>” +
    event.title +
    “</div>” +
    “</div>” +
    “<div class=’fc-event-bg’></div>” +

    i must edit all version this code, to disable htmlEscape, (i have image as event). if you add a callback then can someone create a new style.

    (Sorry for my bad english)

    mfg Spoocy

  • Zachary

    Hey everyone, i really need help.
    I want to retrieve the events from my localhost database but not sure how i can add it into the:
    events: [{

    title : ‘Event Name’,
    start : ’2011-06-30′
    }

    to:
    events: [{

    title : ‘<?php echo $row['eventName'] ;?>’,
    start : ‘<?php echo $row['eventDate'] ;?>’
    }

    Which is inside the function. I want to do a for loop and put it inside the events[].

    $queryEvent = executeSelectQuery(“SELECT eventName, date_format(startDateTime, ‘%Y-%m-%d’) AS ‘eventDate’ FROM event”);
    for($i=0; $i<count($queryEvent); $i++)
    {
    $row = $queryEvent[$i];
    }

    That is my query in php. I am using the gcal version. Any help would be great. Thanks.

    Email me zachary007_4@hotmail.com

  • Salvofan

    Hi,
    The calendar looks great. I can only show one month in one page.
    I’m looking to show in one single page one year calendar starting the “current” month. Is this something doable? We organize 15-25 events per year, they can be one week or 2 weeks long: we would like to provide in one single page the calendar, so, the people can see all of them in one shot, select one and then the booking system will let them buy it.
    Ideally a table 3 columns x 4-5 rows to show 12-15 months.

    Thanks in advance,
    Regards,
    Salvatore.

  • kiran

    nice website..

    just want to know how i can edit the events??

    and how i can delete the events

    Thanks,

    Kiran

  • reshani

    hey great work…
    I want to add holidays into the calendar. can anybody help me?

  • http://expert.io expert

    This is really a nice plugin.
    I hope it will help our platform to deal with the calendar stuff.

  • Tom

    Just and fyi jquery 1.6.1 causes issues. I get a double calendar..

  • sunil

    When an event is editable. How can we disable the resize option?

  • Ingo

    Adam, excellent work!
    The following feature for the week view would be very helpful:
    Showing the office closed hours in grey color in the calendar background. This should be adjustable for each day of the week as different days can have different open/close times (including lunch break).

  • Ingo

    Adam, can I motivate you with a nice product from Amazon in order to get the urgently needed feature described above?

    (As for “logistics” we could use your Amazon FullCalendar Wish List.)

  • Heiko

    Hi,

    first at all: GREAT PLUGIN! Is there a way to show a calendar with events for multiple user with on row for each user in the angendaDay? I read the doku but didn’t find anythink?

    thx for answer

    Heiko

  • http://www.iwebcrafter.com Howard

    Anyone here do freelance programming for a small project using FullCalendar with Google’s Calendar for data feed?

    Thanks

    -howard
    howardes@gmail.com

  • Mikesh

    Is there an option to use the calendar as a mini-widget to put it in a sidebar?

    The calendar is very good, but for a sidebar it has to many details and is to big. I want to use it as the full-view on a single page and as a mini-version at my sidebar.

    I hope someone can help me – and sorry for poor english. ;-)

    Mikesh

  • andy

    hi adam, I used eventResize to post updates to a database via zend.

    with eventResize, it shows revertFunc is not a function.

    Any help would be great. Thanks in advance

  • Osmanoglu

    Although i used the watches at the below codes, in the calendar the watches are painted How should i show the watches?

    To Try
    =============================
    “2011-07-29 15:00Z”
    “2011-07-29T15:00Z”
    ’2011-07-29T15:00:00-03:00′, true

    Code
    =============================
    [code]
    events: function(start, end, callback) {
    $.ajax({
    url: 'takvim_xml.asp',
    dataType: 'xml',
    data: {
    // our hypothetical feed requires UNIX timestamps
    //start: Math.round(start.getTime() / 1000),
    //end: Math.round(end.getTime() / 1000)
    },
    success: function(doc) {
    var events = [];
    $(doc).find('event').each(function() {
    events.push({
    title: $(this).attr('title')+'-'+jQuery.fullCalendar.parseISO8601("2011-07-30 16:00Z",true).getUTCHours()+'-'+jQuery.fullCalendar.parseISO8601("2011-07-30 16:00Z",true).getDate(),
    start: jQuery.fullCalendar.parseISO8601("2011-07-29 15:00Z"),//$(this).attr('start'),
    end: jQuery.fullCalendar.parseISO8601("2011-07-29 16:00Z"),//$(this).attr('start'),
    className: $(this).attr('className'),
    url: $(this).attr('url'),
    allday:true
    });
    });
    callback(events);
    }
    });
    },
    [/code]

  • bishal

    how to access extra data from fullcalendar-min.js which i have added

  • Darryl

    Gday Adam…wonderful contribution to the web, thank you.

    Is there a way to adjoin saturday and sunday to be side by side in the week view?

    eg. currently the order starts on Sunday and displays |S|M|T|W|T|F|S|, but since my client runs mostly weekend courses they appear split on either side of the page.

    I’d love to be able to show |M|T|W|T|F|S|S| as the week view, with Saturday and Sunday together.

    Thanks Adam

  • Nikola

    Great work, implementation was so easy, one question will there dayRender anytime soon, I want to add holidays, and I want to coulor of cell to be diferend

  • http://peacock.st Christian

    @Darryl,

    I’m a bit late, but check out the firstDay property. If you set it to 1 when initialising the calendar, it will start on a Monday :).

  • anilT

    hi sunil,
    if u want to disable the resizable option then u have to use.

    disableResizing:true,

  • http://htmldizayn.com brk

    hi! great work!
    but if your plugin has a parameter in eventdrop event that like droppedDate when your plugin very very good :)
    can you help me, when i call eventdrop event can i get dropped cell date

  • erik

    How can i add am image to the event name

    • Brian

      You can edit the fullcalendar.js to not escape the event.title then in your title just put “<img src=’whatever’ blah blah />Event Title” Just make sure you are not allowing user entered Titles or that you html.encode them before using them in the calendar.

  • anilT

    hi adam,
    first of all thaks for great plugin.
    currently i am using v1.5.2. tell me how we use more event links with this version.
    note :
    i want to show only 2 events in a month view if third one come then it shown link as +1 more.

  • http://gamelinkdirectory.zxq.net FARAZ FRANK

    i want to retrieve these value from my my-sql table “calender_settings”
    firstHour
    slotMinutes
    minTime
    maxTime

    and assign these value into “fullcalendar.min.js’ same varibles
    firstHour: retrived value
    slotMinutes: retrived value
    minTime: retrived value
    maxTime: retrived value

    Plz Give me a solution as soon possible

    Thanx……

    • Sebastian

      Hi Frank!

      You could try loading your variables through ajax in javascript, and them use them in your calendar.

      $(document).ready(function(){
      var myParams = new Object();
      $.ajax({
      url : ‘my_url’,
      dataType: ‘json’,
      success:function(result){ myParams = result;},
      error: function(){alert(‘error’)}
      });
      })

      At the end of the ajax you should have the params you sent in myParams object. To acces them you can do myParams.firstHour, myParams.slotMinutes …
      Now, on the server side (that is your php script you’re calling via ajax) you should echo a json_encoded array with you parameters;
      for example, if you have params['firstHour'] = 1; params['slotMinutes'] = 2; ..
      you shoud do echo json_encode(params, true);

      Hope this helps

      Cheers!

  • Yasir

    Is there a way in FullCalander that we can bring the day into the Y-axis and time into the X-Axis ???

  • http://www.copo.com.au Zxen

    I want my advertisers to be able to post all the times of their performances for a classifieds website for theatre. At the moment, I only have a start date datepicker and an end date date picker. This is useless. Some shows have 40-50 performances, so I need this calendar adapted to allow the advertiser to type in starting times for every date there is a show on. Some dates might have 3 shows. Also, after the advertiser has posted es event, the front end needs to allow users to see what’s on by date. I figured that mouseover could enlarge a date box and show 4 titles and start times, or just a link that says ’1,396 events’.The zoom date box would not work with mouse hover on touch screens though. Any ideas?

  • http://chinmayb.in Chinmay

    Hi All,

    I have a fullcalendar setup, my events are single day events only. so for a single day if the number of event increases by say x number then the table cell should have vertical scroll bar. As I understand the events are being shown using a separate DOM element which is present outside of the table used to display calendar.

    How i can achieve this? Please help me on this. Hope i am expressive enough.

    Thanks in advance.

    Chinmay

  • http://www.ritaccodisabilitylaw.com/ disability attorney philadelphia pa

    Developers will benefit a lot from this. Browser testing is very important. Full Calendar works great with this.

  • Adil

    Hi,
    When can we expect Resource View support? I would just like to know if you people are working on it or even have it on the to-do list?

    Adil

  • johnnatan

    how to prevent dropping event to previous date? but still with draggable animation

  • Anil

    How to add resource view in angular-ui calendar.

  • chetanbala

    i am facing an intresting bug on IE9 . i added a event for the 01 sept, its perfectly showing fine for all the browsers.

    the issue is on Aug, its showing on bottom row for the rest of browsers and in IE9 its showing on 01 Aug.

    any pointer on this bug?

  • http://www.BlocksMarket.com www.BlocksMarket.com

    Thank you for your time put into this great calendar!
    Here’s a question out of the blue: are there any plans to add quarterly and yearly views to the calendar