canvs / fullcalendar Goto Github PK

I would like theme roller support

hello
You are doing a great job with calendar !!!

I cannot figure out though the new settings

In localization can you make an example please for

$.fullCalendar.monthAbbrevs: ["Ιαν", "Φεβ", "Μαρ", "Απρ", "Μαι", 
"Ιουν", "Ιουλ", "Αυγ", "Σεπ", "Οκτ", "Νοε", "Δεκ"],

can you use  { className: 'gcal-events' } for changing the color of the events?

in the example the time is displayed as 4p or 8a 

is it possible to display it as 16:00 or 08:00

Thanks 
Ioannis

Would need to be able to have styling option per event to signify event
types or calendar group. Assigning a class per element would be perfect.

Great work to this point.

It appears that when you implement JSON with a callback as suggested in the
documentation, IE (6/7) returns an error, and the calendar does NOT display
the events (the calendar itself renders fine). The error is 'Unexpected
call to method or property access'.

is it possible to hide the events, but color the days with events? I would
like to make a small view of the calendar too, and then there is not enough
space for the eventtext on every day...

We run several types of events that are brought back in different JSON
sets, as a result of coming from different databases. 

Example: Client Meetings (Client dbase), Employee Vacations (HR dbase)

I have attempted to load both sets into a dynamically built JSON set, but
the dates are not chronological between sets and the plugin fails to load.

Thanks again for the incredible work!

events rendered in wrong places

Hey,

at first i have to say, that the calendar is awesome!!! ;) Great job!

I just miss 1 feature. It would be great if i could create repeating events.

My first thought was to have wildcards like "start: new Date(*, *, 6)" to
have an event on every 6th day of a month.

Another wish is, to give an event a new declaration of repeating days. Like
i can say that it repeats every 10 days.

I hope you understand what i mean! ;)

Greetings from Germany

Florian

I loved version 1 but 1.1 is even better.

One thing though is it possible to have the weekend days (Saturday &
Sunday) different background colour from the Weekdays so that users can
easily see when the weekend is

I'm wondering if there is a possibility of a prev-year and next-year button?
is there something built-in, or could you tell me the best way to do this?

Thank you

What steps will reproduce the problem?
1. set multiple events starting on same date
2.
3.

What is the expected output? What do you see instead?
events beneath eachother, instead the events are on top of each other

What version of the product are you using? On what operating system?
1.1
Windows Vista

Please provide any additional information below.

Before I begin, I think fullcalendar is awesome.

What steps will reproduce the problem?
1.  Hovering over events using eventMouseover with qTip jQuery plugin.
2.
3.

What is the expected output? What do you see instead?
At times, the tooltip will display perfectly.  But most of the time, it
will cause Firefox and IE to crash.  

I get the following error: "A script on this page may be busy, or it may
have stopped responding. You can stop the script now, or you can continue
to see if the script will complete.

Script: ../fullcalendar/jquery/jquery.js:19

What version of the product are you using? On what operating system?
1.1 on XP Pro.

Please provide any additional information below.

Not sure if there's a better way to do this.  I'd like to use tooltips for
the following functions:

1) eventMouseover 
2) dayClick

Needed to have different types of events listed on the calendar .. eg
Office Events, Personal Events, Holidays etc   so came up with this solution..

the returned CalEvent has an optional "class" attribute.. then in the
fullcalendar.js i added the following lines

before line 433 ( buildEventText(event, element.find('td.c')); )
i added:
  if (typeof event.class != 'undefined' && event.class != '') {
element.addClass(event.class);
}

I know this can be achieved via the eventRender option 

eventRender: function(event,element) {
 if (typeof event.class != 'undefined' && event.class != '') {
   element.addClass(event.class);
  }         
}

but this support "out of the box" would be good.

eg if the event's class is officeEvent, then css code can then be added as so:
.full-calendar-month .officeEvent td { 
background: #35698F !important; 
color: #FFF !important; 
}
// this changes the event's colouring to make it differentiable from other
events

Hi,

I have suggestion its better to have a different color on each schedule.
The reason i suggesting this is to have an easy way on identifying the
schedule range. example if we have a schedule June 1-10 2009 @ 1pm - 3pm
and June 2-10 @ 4pm-5pm, this would be a 2 rows on the calendar table. we
would like to see the range of days on the second row which is June 7-10,
we can easily identify that the schedule is a range from previous row which
is have the same color on the second row.

  see attached file.

Thank you

-Milo

What steps will reproduce the problem?
1. have a div on left/top and another div right/bottom
2. load calendar through ajax ($.get, $.post) and have it show in
right/bottom div
3. lock station, unlock station

What is the expected output? What do you see instead?
Initially, content is shown properly. Once the window is either resized, or
a lock/unlock of the station is done - events will show on the left side of
the screen, as if the other divs didn't exist. This doesn't happen when
calendar is not loaded via ajax.

What version of the product are you using? On what operating system?
v1.0 rev 4

Please provide any additional information below.
draggables on or off doesn't change the behavior. 

Additionally, your demo doesn't load on IE6 from your web site ( but it
loads fine on my own website ) -- getting some javascript errors.

Didn't see issues with Firefox 3.0.8. 

We would like to use this plugin in a commercial product and need the
license information. However, the download from
http://arshaw.com/fullcalendar/download/ did not come with any. Would it be
possible to get that information?

I printed out the timestamps the calendar is sending to PHP when i click on
the arrows:   something strange is going on: 

2009-06-28
2009-05-31
2009-04-26 thismonth
2009-03-29
2009-03-01
2009-02-01
2008-12-28
2008-11-30
2008-10-26

this is my ajaxcall:
events: function(start, end, callback) {

        $.getJSON("index.php?pn=main&action=getActiveDates", {
             timestamp: start.getTime()/1000  

          },
          function(result) {
              active_dates = result.dates;
              callback(active_dates);

          });

    },


and in PHP i do this to get the year-month:

$date = date("Y-m", $frm_submitted['timestamp']);

What steps will reproduce the problem?
1. set weekStart on 1 for example
2.
3.

What is the expected output? What do you see instead?
week starting with monday, that's good but several months are starting with
day 2 then...

What version of the product are you using? On what operating system?
1.1  on Windows Vista

Please provide any additional information below.
when i don't use the weekStart option (value is standard 0) then there is
no problem

What steps will reproduce the problem?
1.
DOES NOT WORK (see image1.jpg)
echo json_encode(array(

        array(
            'id' => 4,
            'title' => "Event4",
            'start' => "2009-05-09T00:00:00Z",
            'url' => ""
        )

    ));

DOES NOT WORK (see image1.jpg)
echo json_encode(array(

        array(
            'id' => 4,
            'title' => "Event4",
            'start' => "2009-05-09T00:00:00Z",
            'end' => "2009-05-10T00:00:00Z",
            'url' => ""
        )

    ));
DOES NOT WORK (see image1.jpg - UNIX TIMESTAMP)
echo json_encode(array(

        array(
            'id' => 4,
            'title' => "Event4",
            'start' => "1243372673",
            'end' => "1243472729",
            'url' => ""
        )

    ));

DOES WORK
echo json_encode(array(

        array(
            'id' => 4,
            'title' => "Event4",
            'start' => "2009-05-09T00:00:00Z",
            'end' => "2009-05-09T11:59:59Z",
            'url' => ""
        )

    ));

What is the expected output? What do you see instead?

Compare image1.jpg and image2.jpg


What version of the product are you using? On what operating system?

1.1 + r16(fullcalendar.js) on winxp

Please provide any additional information below.

Other than the above issue, awesome work!, looking forward to the
enhancements :) 

It would be great having the possibility to set another day (monday) for
week start and select another time format (24h).

I have a script that adds several sources to the calendar. This is executed
when a user selects an option in the UI to "show other events".  It looks
something like this:

cal.fullCalendar('addEventSource','/json/'+username+'/a');
cal.fullCalendar('addEventSource','/json/'+username+'/b');
cal.fullCalendar('addEventSource','/json/'+username+'/c');
cal.fullCalendar('addEventSource','/json/'+username+'/d');

The problem is that the following FC code changes options.loading back to
false as soon as the first source is finished adding.  The other sources
are still being added, but options.loading is now false.

addEventSource: function(src) {
    eventSources.push(src);
    if (options.loading) {
        options.loading(true);
    }
    fetchEventSource(src, function() {
        if (options.loading) {
            options.loading(false);
        }
        clearEventElements();
        renderEvents();
    });
},

be able to to individually add/delete/modify events after the initial page
load.

I believe that a useful addition to the calendar would be the option to
provide a title tag to the links in the rendered calendar.

This would be especially useful for one day events where a detailed event
description cannot fit in the box but the title tag would provide a full
event description on mouse over, for example:

<a href="/calendar/event/" title="Bob's Birthday Barbeque">Bobs BBQ</a>

Thanks again to the author for a great script: PLEASE USE THE DONATE BUTTON
ON THE PROJECT HOMEPAGE (give credit where credit is due).

P.S. Does anyone know how to submit a recommendation rather than an "issue"
in Google code?  Couldn't find the option!

What steps will reproduce the problem?
1. You cannot have events of different colours.

What is the expected output? What do you see instead?
You should be able to override the colour of an event.

What version of the product are you using? On what operating system?
Latest

Please provide any additional information below.
I've attached a patch that lets set the colours.

What steps will reproduce the problem?
1. clicking on the arrows fast the jsoncalls seem to merge together, events
on last days of month are also shown in next month
2.
3.

What is the expected output? What do you see instead?
the event of previous month should not be shown, (it looks like the month
is not being emptied before filling it again, but when you click slowly
there is no problem), instead it is shown.

What version of the product are you using? On what operating system?
1.1  on Vista

Please provide any additional information below.

I'd like to see you extend this to include a Week View and Day View of
events. Day View would be blocked out in 15 minute increments so that
events could be dragged around to any time block starting on :00, :15, :30
or :45.

Enhancement suggestion.

Add an event to handle day click. 
Make the day numbers or cell clickable.

This adds "event_<id>" as an id for each event on the calendar.

if you try this you will understand what is hapenning!!! 
month is set to 5 but the calendar will display the 6th!!!
<script type='text/javascript'>

    $(document).ready(function() {
        var d = new Date();
        var y = 2009; 
        var m = 5; //month set to 5 will display 6
        $.fullCalendar.monthNames= ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
                $('#calendar').fullCalendar({
            draggable: true,
            timeFormat: "H:i",
            events: [
                {
                    id: 1,
                    title: "Long Event",
                    start: new Date(y, m, 6, 14,30),
                    end: new Date(y, m, 11),
                    className: "test"
                },
                {
                    id: 2,
                    title: "Repeating Event",
                    start: new Date(y, m, 2)
                },
                {
                    id: 2,
                    title: "Repeating Event",
                    start: new Date(y, m, 12)
                },
                {
                    id: 3,
                    title: "Meeting",
                    start: new Date(y, m, 20, 9,0)
                },
                {
                    id: 4,
                    title: "Click for Facebook",
                    start: new Date(y, m, 27, 22),
                    end: new Date(y, m, 29),
                    url: "http://facebook.com/",
                }
            ]
        });

    });

</script>

events that appear on same day need to be ordered by time

Great calendar by the way :)

I was wondering if I could get just a little help on hacking fullcalendar
to be able to grab a handle on an event and drag to extend the event.  I
have added the handles (div at front and back of the element) and added the
draggable code, I'm just not sure how to best get the event associated with
the handle and alter the start time or end time.

Any help would be appreciated

cory a marsh at gmail dot com

thanks!

What steps will reproduce the problem?
1.I used the following code:
$('#calendar').fullCalendar({
                draggable: true,
                events: [
                {id: 1,
                title: "teste",
                start: new Date(2009, 5, 5,8),end: new Date(2009, 5, 10,23),url: 
"/vacations/1"},
                {id: 2,
                title: "Teste",
                start: new Date(2009, 6, 5),end: new Date(2009, 6, 5),url: "/vacations/2"}
                ]
            });

2. The second event doesn't render

Only if I change the second event to the following code will it render the 
event:

{id: 2,
                title: "Teste",
                start: new Date(2009, 6, 5,8),end: new Date(2009, 6, 5,8),url: "/vacations/2"}


What is the expected output? What do you see instead?

I expected the calendar to render the second event without having to specify an 
hour.

What version of the product are you using? On what operating system?

fullcalendar-1.2

Please provide any additional information below.

I have hacked FC to support display of time ranges for events to satisfy my
requirements. It would be nice if this could be done via a simple option
(showTimeRange = true).  Or maybe showTime could be changed to have values
of "none", "start", "end", and "range".

The following code will display time ranges like "9:00a-10:30a" if the time
format is set to "g:ix".  I realize this code is very hacky, and I'm sure
the r2l part isn't right. But I just wanted to illustrate a solution.

function buildEventText(event, element) {
    $("<span class='event-title' />")
        .text(event.title)
        .appendTo(element);
    var st = typeof event.showTime == 'undefined' ? showTime : event.showTime;
    if (st != false) {
        if (st == true || st == 'guess' &&
            (event.start.getHours() || event.start.getMinutes() ||
             event.end.getHours() || event.end.getMinutes())) {
                var timeStr = $.fullCalendar.formatDate(event.start, timeFormat);
                var timeEndStr = $.fullCalendar.formatDate(event.end, timeFormat);
                var timeElement = $("<span class='event-time' />");
                if (r2l) element.append(timeElement.text(' ' + timeStr + '-' +
timeEndStr));
                else element.prepend(timeElement.text(timeStr + '-' + timeEndStr + ' '));
            }
    }
}

When i do a custom function with an ajaxcall on the 'events' parameter,
like you show in the documentation 'Event Data provider', i get a result
from PHP. But can i keep this array and use it lateron for example on a
dayClick event to show the events of that day beneath the calendar? 
I tried to put in a var but it is undefined when i want to use it.

What steps will reproduce the problem?
1. This happens in IE only. If i drag the event/s to another date then
refresh the page, the event would return back to the original date. More
like its been cached. Also happens when i will call
$('#calendar').fullCalendar('refresh') after eventDrop. This only happens
in IE though..

What is the expected output? What do you see instead?
Event must be in correct date/day after eventdrop and page refresh.

What version of the product are you using? On what operating system?
Version 1. revision 4

Please provide any additional information below.

Possible to add an agenda view? this would be excellent as you can have a
main calendar view and on the front page have an agenda view for upcoming
events. 

Either way top job.

Is there a possibility to show week number in the calendar?

Is there any way to drop an event from a table or a grid?


Thanks for all!

The problem can be duplicated by editing the gcal.html example file to have
this for the className:

    events: $.fullCalendar.gcalFeed(


'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/publ
ic/basic',
        {draggable: false, className: ['mygcal','gcal']}
    ),

Then view the page, and you'll see the markup has this in it:

<table class="event mygcal,gcal" style="position: absolute; top: 253px;
left: 2px; width: 123px; z-index: 3;">

Obviously, that comma shouldn't be there!

What steps will reproduce the problem?
1. In IE7, print the document and select "Landscape" for printing. The 
events is all missing.

What is the expected output? What do you see instead?
Events can be shown in printing in IE7.


What version of the product are you using? On what operating system?
your latest version 1.2 and IE7 in XP latest SP


Please provide any additional information below.

What steps will reproduce the problem?
1.javascript error occered on IE7 & IE8. 
2.
3.

What is the expected output? What do you see instead?
when I add end date for event each events.

/* no problem */
{
    id: 22,
    title: "wwwww",
    start: new Date(2009,5,5),
}
/* problem */
{
    id: 25,
    title: "qqqq",
    start: new Date(2009,5,5),
    end: new Date(2009,5,5),
}


What version of the product are you using? On what operating system?
Windows XP InternetExploer 7 <- error
Mac OS 10.5 Firefox3 and safari4 <- no problem.

Please provide any additional information below.

I would like to be able to have links open in a new window or tab.  I'm not
sure where I can add the functionality in.  

Maybe i am looking too far, but is there a possibility to only show certain
days. (In my case a standard workweek MON -> FRI.

Thx for answering this silly question

I would like to see the FullCalendar have support for displaying weekly,
monthly, and yearly repeating events automatically. Currently the only way
to have repeating events is to hard-code each date. It would be much more
feasible if the script generated these repeating dates on the client side,
instead of the server sending a massive block of JSON data for the script
to interpret.

Thank you!

this is what i changed in fullcalendar.js  for making locale to Dutch:
perhaps something to include in a next version...


if(options.locale) {
var monthNames  = options.locale.monthNames     ||     
['January','February','March','April','May','June','July','August','September','
October','November','December'];
var monthAbbrevs= options.locale.monthAbbrevs   || ['Jan', 'Feb', 'Mar',
'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var dayAbbrevs  = options.locale.dayAbbrevs     ||
['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'] ;
var dayNames    = options.locale.dayNames       ||
['Sun','Mon','Tue','Wed','Thu','Fri','Sat'] ;
        }

in the $(document).ready function: 
var nl = {dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag',
'donderdag', 'vrijdag', 'zaterdag'],
dayAbbrevs: ["zo", "ma", "di", "wo", "do", "vr", "za", "zo"],
monthNames: ["januari", "februari", "maart", "april", "mei", "juni",
"juli", "augustus", "september", "oktober", "november", "december"],
monthAbbrevs: ["jan", "feb", "maa", "apr", "mei", "jun", "jul", "aug",
"sep", "okt", "nov", "dec"]
        };

and as an option : 
locale: nl,

What steps will reproduce the problem?

1.Visit http://www.nawira.com/defaultreal.asp in Internet Explorer

What is the expected output? What do you see instead?
The events are not loading as they do in other browsers and IE7 displays a
javascript error of "date is null or not an object"

What version of the product are you using? On what operating system?
Version 1.2 with jQuery 1.2.6.

Please provide any additional information below.
The error doesn't occur if you simply load the library - only when you
attempt to display a calendar using, for example:

$(document).ready(function(){   
        $('#bxCalendar').fullCalendar({
            draggable: false,
            events: "/inc/data/eventsData.asp",
        loading: function(bool) {
        if (bool) $('#loading').show();
        else $('#loading').hide();
        }
        });
});