The Ex-“Coolest” DHTML Calendar

Thank you very very very much. I LOVE YOU ~~

I come from Taiwan.

Almost forgot, I was going to ask and see if anyone else had problems with the calendar generating errors that read "Stack Overflow" when a date is selected. I'm using IE8 on Win7 64

maybe you are using script source twice. when you have 2 date selectors in a form. check code for: <script type="text/javascript" src="..../jscalendar/calendar.js"></script> <script type="text/javascript" src="..../jscalendar/lang/calendar-es.js"></script> <script type="text/javascript" src="..../jscalendar/calendar-setup.js"></script>

Firefox is displaying lots of errors in the JavaScript console:

Error: Permiso para obtener la propiedad HTMLDivElement.parentNode denegado Archivo de origen: http://example.com/js/jscalendar-1.0/calendar.js Línea: 131

I've googled for "HTMLDivElement.parentNode calendar.js" and got here, but I can't see on the page any reference to the problem :-?

You need to force the content type of the document to text/html (as opposed to application/xml+xhtml), as the Javascript expects an HTML-style DOM instead of XML.

Thank you for the pointer. However, I'm using valid HTML (4.01 Transitional) with the appropriate Content-Type header (text/html; charset=iso-8859-15) in both the web server settings and the meta tags.

Can the Today button be made to set the Hour and Minute fields as well?

thx its really cool control... do u have any updated v#

thx...great help...how to translate in german?...can I help for this? take care and a nice day

I found that if you have whitespace between the textbox and input button it throws an error with prototype.

@ Hans (#5):

Load "jscalendar-1.0/lang/calendar-de.js" instead of whatever calendar-XX.js you are loading now.

How can I do to show just the actual month and disable another months in a flat calendar?

This is excelent, thanks a lot. It's seems that you've think on everything

nice script ... but for dateIsSpecial it is same for all year.. so to make it year wise I use

var seldate = new Array(); seldate[0] = '0'; seldate[1] = '222009'; //ddmmyyyy (month-1) seldate[2] = '322009';//ddmmyyyy (month-1) seldate[3] = '342009';//ddmmyyyy (month-1)

function dateIsSpecial(year, month, day) {

var strarray = seldate.toString();
var date1 = (day+""+ month+""+year);
var strdate = date1.toString(); 
if(strarray.search(strdate)>0)   return true;
else    return false;
};

function dateChanged(calendar) {
  // Beware that this function is called even if the end-user only
  // changed the month/year.  In order to determine if a date was
  // clicked you can use the dateClicked property of the calendar:
  if (calendar.dateClicked) {
    // OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
    var y = calendar.date.getFullYear();
    var m = calendar.date.getMonth();     // integer, 0..11
    var d = calendar.date.getDate();      // integer, 1..31
    // redirect...
    window.location = "index.php?d="+d+"&m="+m+"&y="+y;
  }
};

function ourDateStatusFunc(date, y, m, d) {
  if (dateIsSpecial(y, m, d))
    return "special";
  else
    return false; // other dates are enabled
    // return true if you want to disable other dates
};

Calendar.setup(
  {
    flat         : "calendar-container", // ID of the parent element
    flatCallback : dateChanged,          // our callback function
    dateStatusFunc : ourDateStatusFunc
  }
);

vishal.digicorp at gmail dot com

thank you!

sir, the calendar is really very nice to customize and can be used in various purposes. i am interested to know in case of date range selection, how can the calendar be customized to show a fortnight, a quarter and a year also. thanks once again !! rajesh.

I noticed the german language file is defunct because it is missing the start day. you need to add the following line to calendar-de.js to make everything work:

// First day of the week. "0" means display Sunday first, "1" means display // Monday first, etc. Calendar._FD = 1;

I've implemented the calendar in a framed web page, did the correct Calendar.Setup function pointing to a input type="text" field, but it doesn't show the calendar when the input gets the focus. It is exactly the same code that I use in another non-frames webpages that I've developed and there it works well.

Do somebody know the reason why it fails showing the calendar in my framed page? and how can I fix it?

Is there already some script to program two calendar's to check that one occurs after the other? Useful for setting "FROM" and "TO" dates. If there isn't, any help creating javascript for this awesome calendar would be fantastic.

Hi Guys

With multiple flat calendars, with the first calendar on the 31st of the month, any subsequent flat calendar display the incorrect month. I. e. on today (31st of March 2009) the first calendar div I display with

curDate_1 = new Date(); curDate_1.setYear('2009'); curDate_1.setMonth('02'); curDate_1.setDate('01'); Calendar.setup( { date: curDate_1, dateStatusFunc: returnDateStatusFunc, onSelect: goToDate, flat: "cal_div_1" }

is correct. However, the next calendar, which should display April via

curDate_1 = new Date(); curDate_1.setYear('2009'); curDate_1.setMonth('03'); curDate_1.setDate('01'); Calendar.setup( { date: curDate_1, dateStatusFunc: returnDateStatusFunc, onSelect: goToDate, flat: "cal_div_1" }

shows MAY, instead of April...

I. e. it seems if the current system time is 31st of any month, the subsequent month skips 1 month "onward". Turning the system time of the server on which the calendar is running back to the 30th, instantly fixes all calendars... any ideas how to fix this "31st day of the month" error?

Thanks!

Whoops! Was my mistake...

This

curdate_1.setDate('01);

should be

curdate_1.setDate(1);

i. e. loose the leading zeroes and quotes... strange, with leading zeroes and quotes it works for all days EXCEPT the 31st of a month. However, with no leading zeroes and quotes, it works for all days of any month.

Sorry dynarch calendar, was my mistake! (As usual...)

Hi Stefan,

are you sure about solving this problem ? I never used quotes and leading zeros, but the problem with 31-st day exists, exatly as you described ...

I'm having a similar problem with dates that are the 31st. It is not affected by the system time. e.g.

date_5.setDate(31); date_5.setMonth(2); date_5.setFullYear(2009); MA[5] = date_5;

var cal = Calendar.setup({ flat : "reservation_cal", showOthers : true, multiple : MA, onSelect : dateClicked, daFormat : "%Y.%m.%d %H:%M", });

This ends up setting the 1st Mar 2009 as opposed to 31st Mar 2009. The problem affects other months too (i.e July). Initally I thought it was probably a case of needing to deduct 1 from the days but this isn't the case as all the other dates are displayed correctly.

Does anyone have any idea what's going on here?

Fixed this by switching the setter methods about:

date_5.setMonth(2); date_5.setFullYear(2009); date_5.setDate(31); MA[5] = date_5;

Not sure why this works, but it does..

Hello:

Has anyone had any issues with the z-index property? I have the calendar show up on a popup but it is hidden b/c the z-index of the popup window is higher then that of the calendar. I'm having trouble finding out where to set it.

KC

Hi, thanks for a great calendar. Curious... hideShowCovered is causing some problems in IE8. I can't be sure exactly what this function is trying to do, but it appears to affect things that are not part of the calendar. In my case, I render my page with everything hidden, and then display it at the end, so I think that's what's causing the trouble. Can you comment as to whether or not it's supposed to be changing visibility of items outside of the calendar widget itself?

Thanks for the help!

Hi, not sure if your problem is similar to mine, but i'll offer a solution to try anyway. My problem with >= IE6+ was the following. On the page i used the pop-up technique where I displayed a div above all elements of the page (uzing z-index and css). On the page I had few select boxes, so in my pop-up routine i ran piece of js code that hides all select boxes. And on that pop-up (which called another page and initiated another calendar via AJAX) I had some select boxes too. My problem was, when I used calendar on the main page, then called popup and used calendar on that, on closing of the calendar all select boxes became visible. I figured it had to do something with how calendar "remembers" select boxes visibility status. So, in calendar.js in Calendar.prototype.hideShowCovered = function () {... after the line: cc.style.visibility = cc.msh_save_visibility; I've added extra line: cc.msh_save_visibility = ''; This way its resetting the memorised value to the current value of the selectbox element. I hope someone will find this stuff useful.

Hi, thank you for your calendar. I found a problem with the redefined Date.setFullYear method when using other javascript libraries which work with Date object. Is it possible to create a new function instead of redefine javascript method? Thank you for your help

Thanks man, i used both calendars and so far no problems...

Thanks

Hello; I have forked your codebase and started work on making this a jQuery plugin. At the moment it is just a wrapper around your code, but improvements are coming.

http://code.google.com/p/dyndatetime

Dynarch, I have tried to contact you for your blessing, but no response so far. Come have a look!

Thanks for this easy-to-use application.

Is it possible to click only on the week number ? we can display it but the click is disabled . . Tnanks,

Hello i use asp.net and i try to use the calender but always it'll in the back of the other controls can i solve this problems ?

And thanks in advance

I am trying to use the multiple date select calendar to edit multiple dates. How can I have it load multiple dates. I have tried to insert values in various formats. But I am not sure to what it should be loaded to an in what format.

Awsome program, having trouble getting started.

Thanks for the awesome tool. I love it!

i want calender code

I perfer the jquery one. Its a lot better.

lang files not include " // First day of the week. "0" means display Sunday first, "1" means display // Monday first, etc. Calendar._FD = 0; "

Like the calendar, want to put it into a commercial product but alter some the features such as hiding the about button and a few other changes that would violate the LGPL. As such can you send me an email, if you're willing to license this while I look at alternatives if that is not the case.

Hello. Very good script. I have a questions: How I can disable the days that they have passed? Exist this functionality?

Fantastic script. Just one quick modification that seems worthwhile. On calendars attached to fields (params.inputField) the 'date:' parameter cannot be set unless the date is pre-written into the field (which is non-ideal if the date field is optional as most programmers would prefer no value to a false value).

This is because the onSelect() function in calendar-setup.js that checks for the input field will default to Date() when that field is blank and bypasses the params.date setting altogether (so your preset date parameter never gets read)

Starting from line 160 in calendar-setup.js I modified:

if (dateEl) params.date = Date.parseDate(dateEl.value || dateEl.innerHTML, dateFmt);

to become:

if (dateEl){ if (dateEl.value=="" && params.date){ //Do nothing: params.date should do it for us } else { params.date = Date.parseDate(dateEl.value || dateEl.innerHTML, dateFmt); } }

This will skip the overwriting statement if there is a preset date parameter set.

Thanks again, this is great!

thank's for the advice, I was wondering for hours...

Huge thanks for Ben Dappen's fix for presetting the date, but it has a slight error. The "do nothing" comment should be /* Do nothing: params.date should do it for us */ and not // Do nothing: params.date should do it for us

Very nice work!

Acctualy i have i problem that i can't see why...

In Firefox the calendar works verry well, but in IE, when user click in the image to open calendar, nothing happen, but if do a reload to the page, work well after the reload. And after if go to other page, and back to the same, not work, only after the reload.

Anybody know what this happen?

nice piece of code ..

i have problem, i just can NOT setup ther calendar initial day !!

code:

var myDate=new Date();
myDate.setFullYear(1982,1,14);
Calendar.setDate(myDate);

  Calendar.setup({
date         :    myDate,
      inputField     :    "f_1_06",
      ifFormat       :    "%m/%d/%Y",
      showsTime      :    false,
      button         :    "f_trigger_b",
      singleClick    :    true,  
      step           :    1 
  });

it just start as today !! help please

See my comment above (41). The issue is that the inputField setting will skip the date parameter setting. I've included code to fix this in the above comment.

your date control can be access in IE 6.0 FF 2.0,3.0 but can't access in IE 7.0 due to

this line "<!DOCTYPE PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"

in my html page.

Can you please give me solution for this.

Note: I can't remove this line from html file.

Thank you.

hi falguni i too facing d same prob can anyone help out

thanks

Hello!

Please can you give me your suggestion for my isssue as soon as possible.

Thank you very much in advance.

I have an implementation of the flat calendar. I open the calendar, and choose a date... works fine. If I moved to a new date in the same month it works okay. I f click on 'Today' it is not taking me to today's date

Very impressive script. Too useful.

To disable older then current dates I implemented a function :

function isDisabled(date) { var MINUTE = 60 * 1000; var HOUR = 60 * MINUTE; var DAY = 24 * HOUR;

var today = new Date();

return ((date.getTime() - today.getTime()) / DAY) <= -1;

}

and call it in calender.setup (){ dateStatusFunc : isDisabled }

Is there any other simpler way(rather inbuilt) available to do the same????

Does anyone have an answer as to why pressing the 'Today' button does not work? See my comment above.

Very usefull script. I'm useing it on several sites. Thanks!

Is anyone else is having this problem where the calendar show say "April" but when you select any day it return the WRONG month. The year and date is correct but the month is the previous month. this is the same no matter what month your viewing. Any help would be greatly appreciated!

cheers...

Be aware that JavaScripts handles months from 0 (Jan) to 11 (Dec).

One other note that might be useful for customizing this calendar: the minutes field increments by 1, but many applications don't need that level of specificity in the minutes field and want to limit it to 5/10/15/30 minute increments. For the moment I just modified the makeTimePart() function so that rather than incrementing both hours and minutes with i++, we write something like:

if (part.className=='minute'){incr = 5;} if (typeof range_start != "number") part.range = rangestart; else { for (var i = range_start; i <= range_end; i+=incr) { var txt; ...

This is something that could (and probably should) be set as a param (i.e. param.minuteIncement = 5), so that it can be set on a per-calendar basis.

Again, thanks for this script!

Thank you so much

Way coolest calendar app of any I've seen. I would imagine it took no small effort but, on top of that, you've done the thought on making it intuitive which makes it a part of us all. I'd issue a retirement credit max, if I could. I suspect you'll be working way past any imaginary line, just for the fun.

Thanks guys! I love the HTML Quickform extension

Your calendar rocks, ... best ever!!

I don't wanna be a party pooper but when i try the flat calendar example her on this site. The month returned is one less the the real month. (so if 25th of april is picked that month var is 3 instead of 4) I can imagine this has something to do with starting the months at 0 (=january) but how can this be solved?

Adding 1

Where do I add the 1?

I'm getting the same problem. After I upgraded the calendar script, all dates chosen are one month in the past.

Excellent work dude !!! ypur hands on javascript work like slip of butter... :)

When I call Calendar.setup from a button click, the calendar size is much too big. It's within a <p> tag, which is within a <div> etc. I wrote a simple HTML page to reproduce the problem, and it seems to have something to do with CSS. Is there something special about how the calendar interacts with CSS?

I have found out how to solve the issue in IE. If you go into calendar.js on line 743, after table.calendar = this; add table.width = 1; (anything greater then 0 will force it to size down as low as possible) This seems to solve it for me as i was having the same issue.

well tought to say thank, it is a great job you have done.

There is no better and simple to use calendar then your.

Best regards

Hi, this is the coolest calendar javascript-based on the net. Greetings! But I have some positioning problems in IE7: I put 6 calendars in a form and everyone appears at same position... anyway I'm really newbie, it must be my error. If you can help me, please visit http://www.kladventure.com/ski/trekking/

Thank you so much!

please find this path and downlaod the calendar_stripped.zip posted by sakshay I think ur problem will be resolved

Regards sudhakar sarswat

sorry i forget to define the path, the path is given below http://drupal.org/node/222521

When attaching a function to .getDateStatus(), if that function does not return false, the "Today" button will no longer jump to today's date. I imagine this is a legacy from when a true result simply indicated "disabled". If you'd like to return a class name instead, and still be able to use the "Today" button, comment out a line in function Calendar.cellClick() in file calendar.js. In my copy, it is line 697.

// TODAY will bring us here if ((typeof cal.getDateStatus == "function") && cal.getDateStatus(date, date.getFullYear(), date.getMonth(), date.getDate())) { //return false; <---- comment this line } break;

very good script, but be careful with z-index. All my calendars instantly disapeared when I changed my layout. Now I've got a big headache.

Great job! Realy! I use it every where I need JS calendar.

Awesome work! Love working with the calendar.

Though, I found one bug.

showsTime seems to statically set to true or false. I wanted one of my fields to be a Date and Time field and another field to be just the Date. However, either the the time section is shown on both or hidden on both (depending on the last Calendar.setup). The ifFormat still formats the the field without a time, but it is just a little confusing for a user to get a time section when the field is not accepting time inputs anyways.

Thanks for your work.

Great calendar system.

But I have been racking my brain trying to figure something out.

How do I create a multiple selection flat calendar? I have tried to combine the flat calendar and multiple samples, but can't get it to work.

Awesome!... It work with most browser, so far no bugs found Thanks

We just started using this as part of PHP Form Generator and it works great except with IE7. If there is body content above the form, the calendar popup appears much higher than the button. Any suggestion would be much appreciated.

Looks great, except it does not seem to pick up colors/bg colors from the stylesheet in IE8. Very strange. Anyone solve this?

I use Joomla that includes jscalendar. Unfortunately the popUp Datepicker shows in October 2009 the date 10 twice, in the following years it is always the second weekend of October. Thus the dates from 10 to 31 of October are not useable. In November everything is right again. Could it be a problem of my local machine? Because nobody ever reported an error like that before.

I got the same problem you described. I tested on IE6, IE7 and Firefox 3.5 with the same result. When I open de popup for the first time, the October 2009 calendar is correct but when I select any date, the 10th day repeats twice any time I use the calendar.

Nice Calendar, im using it one 2 sides and it works great.

But one feature im still missing is an option to get the days between 2 dates. So im using 2 calendars at one page and it will be great to get an simple option for getting the days past between them.

nice, thanks.

When using this great tool as a popup calender to fill an input text box, I get problems when that input box has een onChange event defined. The popup calender cannot change months and fills in a default of the Unix epoch if i try to switch to the next month.

What I try to do is to submit my form as soon as a date is picked using an onChange event. Anybody knows how to solve this?

Is there away to keep the popup calendar from advancing the input box date every time you click the next month button? I only want the date to change in the input if the user clicks one of the actual dates.

Thanks!

http://www.dynarch.com/static/jscalendar-1.0/doc/html/reference.html

See the electric option at 2.3

oh that's what that does!! Thanks for the help!!!

In response to the "Today" button issue, if you comment out the line 697 "return false", it switches day to today but does not do the callback on a flat calendar like a click. Suggestions?

Hi

I have a question. I noticed that %m defaults to 04 for April instead of just 4. Is there a way to have the calendar default to 4. It seems like with dates it does work because you have %d and %e and I think %e is the one with no leading zeros. So basically can I have a month with no leading zeros.

Mihail

I thought %e is only for the day. So you're basically saying that %e will display the month with no leading zeros?

Mihail

Thank you very much!

Mihai,

I'm having some wierd z-index issues on firefox (works fine on IE). I had to set z-index:99 on the main calendar widget in skins/tiger/theme.css.

2 questions: Do you have any idea what could cause this? Is there a single place I could set the z-index, or will I have to hack every theme file?

Thanks

Mihai

How would I add my own short week day names to the calendar. In English its (Sun, Mon, Tue...) For instance if I want to have French week day names in the calendar, how would I go about doing that?

Thanks Pavel

Might there be a way to disable/grey out PAST dates, and only allow the selection of the current or future dates?

To allow the selection of future dates:

Date.prototype.isFuture = function(date) { var today = new Date(); return (Date.UTC(date.getFullYear(),date.getMonth(),date.getDate(),0,0,0,0)>Date.UTC(today.getFullYear(),today.getMonth(),today.getDate(),0,0,0,0)-1); };

In the function Calendar.cellClick(), look for

var other_month = !(cal.dateClicked = !el.otherMonth); if (!other_month && !cal.currentDateEl && cal.multiple) cal.toggleMultipleDate(new Date(date)); else newdate = !el.disabled; // a date was clicked if (othermonth) cal._init(cal.firstDayOfWeek, date);

And replace with:

if (date.isFuture(cal.date)) { var other_month = !(cal.dateClicked = !el.otherMonth); if (!other_month && !cal.currentDateEl && cal.multiple) cal.toggleMultipleDate(new Date(date)); else newdate = !el.disabled; // a date was clicked if (othermonth) cal._init(cal.firstDayOfWeek, date); }

To allow future dates and the current one, delete the "-1" in the isFuture function.

Really nice work. I appreciate you very much. Keep contributing to open source.

Great work with the calendar!! most intriguing design.

I am working on a page which has the calendar but the calendar needs to close as soon as you select a date ..

where do I need to make changes to make it happen?

Hi.. I m using this calendar code to get flat calendar with multiple date selection. May i know how to change the multiple select logic so that the range should get selected rather than only selected dates...

This is just too cool..... YOU ARE GENIUS!

Garcias, me haz ayudado con tu gran trabajo. Te mereces un 10. Mexico.

great !! i search component like this .. this is finally what i want !! thx !!!

your module breaks the typo3 module t3blog :-(

Hi,

Can you tell me how to set starting date in calender then user can not select back date. 

There is option to set maxyear and minyear; can i set min month or start month in starting year?

Thanks, Vipin garg

Hi,

Can you tell me how to set starting date in calender then user can not select back date. 

There is option to set maxyear and minyear; can i set min month or start month in starting year?

Thanks, Vipin garg

calendar positioning seems to be broken on long pages with IE 8.0 only

When i used the special days feature, I made only the first day of every month available, so when i click to choose that day, it doesn't work correctly, i have to change to another month then back to this month and choose day, but it works correctly if that date was previously written in the text field.

How to fetch the value on code behind asp .net VB. as <input type="text"> not having runat

I have implemented your calendar code.It was working so good and it served my need.When i click on my read only text box iam invoking your calendar at the point it is clicked.It was working fine with ie7.But now in ie8 it was not working well.It is showing on the top of the page.I have changed my doc type and meta tags as below as to support my site in IE8

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Will this cause any changes in js file. The errors iam getting is

Permission denied to get property HTMLDivElement.parentNode related = related.parentNode;

this.aoRecordableObjects is null related = related.parentNode;

Cana nyone help me and save my day

thanks Manu

This is cool.

can we use it for commercial use? or will we have to pay for commertial version?

I am having the same issue Steve Carter reported on April 18. The issue is the size the calendar appears in IE when in certain tags. However the calendar functions as expected in Firefox within the same code. Any insights?

So you don't have to find his post here it is. "When I call Calendar.setup from a button click, the calendar size is much too big. It's within a <p> tag, which is within a <div> etc. I wrote a simple HTML page to reproduce the problem, and it seems to have something to do with CSS. Is there something special about how the calendar interacts with CSS?"

I have found out how to solve the issue in IE. If you go into calendar.js on line 743, after table.calendar = this; add table.width = 1; (anything greater then 0 will force it to size down as low as possible) This seems to solve it for me as i was having the same issue.

Josh, Thanks, but setting width = 1 does not solve the display problem for me, either in Firefox or IE6.

Hi,

I have implemented this fantastic calendar on a website but I'd like to use it not as a date picker but just as a date displayer. It shows dates of events. I use it in the flat and multiple way with a "patch" I've found on the net and I'd like it to add processes when I click on a date. The problem is that when I click on a selected date (only the dates of the events are enabled), this date is unselected which is the way the date picker should work obviously. So how can I keep the date selected even when clicking on it (I tried multiple things in my callback function with no success) ? Or is there way to "detect" a click on a disabled cell ?

Thanks for your help :)

Hi, I need to use the special day feature but in a popup calendar, this is possible? I search all the web but there's no examples about this case.

good.....awsome......i like always.....

Pls can anyone tell me how to chnage calendar height and width?

For those getting the recursion error. You just need to comment a few lines. See below.

//Date.prototype.msh_oldSetFullYear = Date.prototype.setFullYear; Date.prototype.setFullYear = function(y) { var d = new Date(this); //d.msh_oldSetFullYear(y); if (d.getMonth() != this.getMonth()) this.setDate(28); //this._msholdSetFullYear(y); };

The problem with recursion occurs due to multiple includes of calendar JavaScript on a page. As a result Date patch redefines setFullYear function twice and causes infinite loop when it gets executed. We fixed it by making sure that function is redefined only once: if (Date.prototype.msh_oldSetFullYear == null) { Date.prototype.msh_oldSetFullYear = Date.prototype.setFullYear; }

i have problem with the calendar working with google chrome. this is my code <input type="text" class="txt" id="txt_dr_date_from" name="txt_dr_date_from" size="24" value="" onchange="" readonly="readonly">
<input type="button" class="cal" id="btn_txt_dr_date_from">
<input type="button" id="btnc_txt_dr_date_from" class="btn" value="Clear" onclick="document.getElementById('txt_dr_date_from').value='';">
<script type="text/javascript"> Calendar.setup ( { inputField:'txt_dr_date_from', button:'btn_txt_dr_date_from', ifFormat:'%e %B %Y', showsTime:false }); </script>

i dont know whats wrong. it works in IE and mozilla. but no error coming out in google chrome.

Hi, also had a problem with Chrome. After debugging it turned out Chrome has problems with negating a number (?!). So basically, to make it work, I had to edit the calendar.js and on line 1108: * comment out date.setDate(-day1); * paste in this: if (day1 < 0) { day1 = Math.abs(day1); } else { if (day1 > 0) day1 = 0-day1; } date.setDate(day1);

This might not be the most elegant solution, but it works as far as I'm concerned.

All the best,

Wojtek

The Japanese localization is outdated. Here is a new one: http://pastebin.ca/1421323

Is there a way to block calender colums so users can only select certain weekdays, let's say only mondays and wednesdays? I would need this for a contact form for events which are set on a weekly basis...

This is way cool ... thank you so very much.

Is there a way to show time only?

Its very similiar to zapatec calendar, but the license is diferent.

I always get "Stack overflow at line: 1797"

I'm very stupid... don't read my last post!! XD

I just discover that is in the same folder..

I have problems of positioning in IE7 and IE8. The popup appears higher than the button.

Someone has fixed this problem??

Thanks.

It's possible too to get the js source code without obsfuscated? (With the break lines, spaces and tabs)

This is brilliant!! Just what I needed, thanks a lot :D

Hey, I'm new to javascript. My webpage is primarily html and css. Before I installed your calendar, I had a simple html table calendar, and was able to make any date I choose be a link to our schedule page. I was able to figure out how to implement your calendar on the page (it looks awesome, btw =P), but I don't know how to make the dates link to a new page. Can anybody help me? remember, I don't know anything about javascript :(

Thanks!

I've downloaded a copy of your old DHTML Calendar and modified it to our needs. We want to publish to a public facing site but I have some concerns if we have permission to publish the modified code. I read the FAQ and they mentioned I can publish it but have to make the modified code available?

I get this error as well "Permission denied to get property HTMLDivElement.parentNode" and haven't been able to determine the cause yet. Anyone figure it out?

Resolved this issue. It is an error exclusive to FireFox (reference: http://code.google.com/p/google-web-toolkit/issues/detail?id=638&can=1&q=HTMLDivElement) which occurs from the code on line 132 of calendar.js

'related = related.parentNode;'

the solution is to put a try .. catch around the statement as so:

http://pastebin.com/f40a42703

To fix the IE 8 position issue go to calendar.js file. Somewhere around line 1392 you should see the following block of code:

if (Calendar.is_ie) { br.y += document.body.scrollTop; br.x += document.body.scrollLeft; } else { br.y += window.scrollY; br.x += window.scrollX; }

Replace this code with:

br.y += window.scrollY; br.x += window.scrollX;

That is what worked for me. I haven't checked if it screws up the calendar position on ie 6, it probably does. But people shouldn't be using that anyways.

safer for old browsers, check the useragent for Trident in the is_ie function

Seems to work fine for me in IE6, IE7, and IE8 when following what was posted on 2009-05-26 20:03. Not sure completely why yet.

I alerted br.y and br.x before (br.y += window.scrollY; br.x += window.scrollX;) and they contained my browser viewport size.

I then alerted window.scrollY and window.scrollX which both returned me undefined.

Last I alerted br.y and br.x after (br.y += window.scrollY; br.x += window.scrollX;), and they both returned NaN (which stand for "Not a Number" for those who are less JavaScript friendly). This does make sence since 1024 + undefined = NaN.

The fix in this comment worked perfectly for me as well and didn't affect IE6 for me:

http://www.dynarch.com/projects/calendar/old/#Kcomment-297

hi,

I want to have a two buttons after the input-field. One button for the previous day and one for the next day. Is that possible? Do you have an example for that?

thanks.

It looks like IE is screwing everything up again. With the latest release of IE 8, the popup is jumping to the top of the screen. Think you can fix this???

Adding comments to this page seems to be broken in IE7. I had to post this in FF3

i have a flat calendar and it highlights the last selected date.is there a way I can clear the last selected date?

I am using the Calendar of the EX coolest. Using IE 7 and IE 8 while i drag any of the drop down box or text filed data remains empty. But Firefox working it perfectly. can anybody posta solution? thanks shiju

If the german calendar (calendar-de.js) does not work (if it is showing "undefined") the variable Calendar._FD = 0; is missing in the calendar-de.js file. Just insert it (like in calendar-en.js) and it works.

Hi

can I use 2 button/tridder to invoke same calendar?

ex: <input type="text" id="trigger1"> <button id="trigger2"></button>

when user clicks on input text box or on the button can it be setup so that it invokes the same calendar?.

This is a great calendar! Does just what it should and does it very well. Thanks for it and for the support too!

??? how to define an endDate

The portuguese translation file (calendar-pt.js) is missing the following line. Calendar._FD = 0;

Put this and will be done! At all, this is a great calendar!

why is there no support available for this version??

Very good tool! Thanks

Could someone help me find a solution for the special day feature in a popup calendar. I've browsed the reference guide and it displayed an example for a flat calendar but none for a popup. Thanks in advance!

Thanks for a wonderful calendar. I use this gem lots of places, hasn't failed me yet. Fun to play with too and explore ways to get it to do stuff.

The fix for the related = related.parentNode; bug is the following:

try { related = related.parentNode; } catch(e) { return false; }

I still using Ex-"Cool... Its fine for me. But a little problem: Using IE7 in long scrolled pages the gadget fails setting its position (y) relative to de top of the page (without the scroll shift) Any idea? (sorry about my english) And thanks for your component, it is great

i want to remove these option when clicking the question mark DHTML Date/Time Selector (c) dynarch.com 2002-2005 / Author: Mihai Bazon For latest version visit: http://www.dynarch.com/projects/calendar/ Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details.

Date selection: - Use the «, » buttons to select year - Use the ‹, › buttons to select month - Hold mouse button on any of the above buttons for faster selection.

I still use The Ex-Coolest DHTML Calendar. It seems like there is a problem when using it with special dates. Clicking "Today" wont work, because the function "Calendar.cellClick" always return false at line 697 (in the 1.53 2006/02/11 12:32:59). Adding * cal.getDateStatus(date, date.getFullYear(), date.getMonth(), date.getDate()) != "special" * to the if-test seemed to fix the problem.

Note! This only happens when using the dateStatusFunc (special dates).

Anyway, great calendar!

you better ADD this if ((typeof cal.getDateStatus == "function") && cal.getDateStatus(date, date.getFullYear(), date.getMonth(), date.getDate()) === true) {

because the value of this can be anything other than "special" every user can have multiple css values for his "special" dates.

Thank you so much for the help. If I get any revenues from my website, I will definitely share with you !!! THANK YOU Again.

There is a positioning problew with IE7+, and tehre is a patxh for that: http://blog.anorakgirl.co.uk/?p=84

I am trying to use <BR> tags inside the Calendar._TT strings however this not this does not and the <BR> appears as part of the string instead of giving a line break

cel mai tare calendar, pe bune! ma bucur pt tine! misu, imi spui te rog cum sa fac sa nu fie afisate datele mai mari de azi? pls...

Hi Mihai, I tried to search, but couldnt notice if someone else had faced this issue.

It goes like: if you have some dates disabled (say weekends), and the calendar is opened on one of the disabled dates, no date from that month gets selected unless you move to other month and comeback to it again.

Any clue to solve it? Thanks.

Well, it turned out that I was using some pretty older version of the Old Calendar. I downloaded the latest copy of calendar.js and my problem is solved.

However, positioning issue with IE7 & IE8 still persists.

Can i rescue the week from the calendar? I just need the week to show weekly reports. Thanks in advanced

Quote - "If the german calendar (calendar-de.js) does not work (if it is showing "undefined") the variable Calendar._FD = 0; is missing in the calendar-de.js file. Just insert it (like in calendar-en.js) and it works."

Same problem for the French calendar too (calendar-fr.js).

I know this calendar is not being maintained any more but it would be nice if the translations could have the missing code put in so that they actually work.

Thanks

There is a little bug in "calendar-de.js" The following line is missing:

Calendar._FD = 1;

Regards, Gerhard

Date.parseDate silently fails and returns today for formats without word separators such as ISO "basic" format %Y%m%d

Thanx for that app!

Great job, thank you.

I published a TYPO3 extension for using jscalendar 1.0 within TYPO3, mainly in own TYPO3 extensions. This extension is called netcos_jscalendar. Unfortunately later jscalendar versions cannot be used any more because they are no longer free.

How can i disable the default selected date? I just want to show current month, but not a selection of the current date. Hope someone can help! Thanks in advance!

Hi, thanks for the great Calendar script! I was just wondering if it was possible to have 2 calendars on the same page with different languages?

i am trying to use your calendar to submit a form with

start date/time end date/time

with the example in the download file. so i just made a copy of the original and changed the name of the var. but i cannot figure out how to put break the 2 calendars apart and move them on the page? they just stay together.

is there a way i can update the old calendar widget included in interakt to use the new version 2?

jop, can only agree - this is the best calendar I've ever seen ... and I found that it is used in many projects ... Thanks to you, man!

I am just starting to use the calendar. Has anyone tried adding the capability to set the seconds field (not just display it)?

Hi , Thanks for the great calender. Looking for new requirement like. need 2 text fields like start date and end date. But need to select the dates from "inline Calender".

Need to control the calender using arrow keys. Up key of down key.(for next day and previous day) (need external buttons after start date and end date.)

Hi there! I'm using this wonderful calendar on a site of mine which a developer had set-up your calendar script on it and I'm having trouble disabling some dates.

5.3.8 Calendar.setDateStatusHandler

Read the reference manual, added the css, but I don't see where I would put: "// this table holds your special days, so that we can automatize " e.t.c

I can't find 'Calendar.create():' in my calendar.js file, only this 'Calendar.prototype.create = function (_par) {' and when I paste this above it the calendar does not work.

Be grateful if you could help, Thanks :)

I'm using the calendar in pop-up mode. The parameter, date, in Calendar.setup() seems to be ignored. In calendar-setup.js (after line 154: var dateEl = ...), I added:

var dateElVal = params.inputField ? dateEl.value : dateEl.innerHTML;

Then I modified line 159 to:

if (dateEl && dateElVal!='')

Thanks for the great calendar.

Should this Calendar function in IE7 and IE8? If so, what settings do IE7 and IE8 require to allow it to function?

It was difficult for me to find how to set a date to be the initial date in calendar. The documentation was very brief on the subject. After a short search in the code here is the solution, if it is helpful to anyone:

Calendar.setup( { ...... // here are the other setup parameters date : new Date(1989, 0, 1, 1, 1, 0) //this is year 1989, January, 1st, 1:01 h

If I cannot get the Calendar object returned by the Calendar.setup({...., how can I set the initial date in the calendar?

I just started working with this (very cool) calendar on a site for my client. The current instaled flat calendar won't show any dates past the end of 2009. What do I need to do to open up 2010 and beyond?

Someone has put together a patch to address the IE7 & IE8 positioning bug - http://drupal.org/files/issues/jscalendar-ie7-position-fix.patch (listed as "jscalendar-ie7-position-fix.patch" on http://drupal.org/node/190524)

oh man ! your stuff help me a lot for my work project :] ... how to say : Merci !

kPOL, Bangkok.

Hi,

I'm using ASPMaker 8.01 and this wonderfull calendar is not running, with the following message error: Copying do folder "calendar" failed! Can you give me a hand please? Thanks a lot, Braulio

Hi,

I don't know much about javascript and therefore I have a problem:

The actual day and the next day (=tomorrow) should be disabled. I used "dateStatusFunc" and it works so far.

But now it is not possible to select a day in the actual month. The user must first change the month and after he goes back to the actual month, then it is possible to select a day.

What must I do, that in this case it is possible to select a day without two times changing the month before?

You could look at the Web-Link to see the problem:

www.tm-programme.de/bodega/kontaktseite.html

It would be very nice to get an answer.

Thanks a lot, Thomas

I love this calendar. I was bummed to see problems start popping up with some of the newer web browsers (IE8) and I'm looking forward to checking out your new calendar project. At first glance it looks better than jQuery's dateSelector.

This my-fav-calendar is a component for a new project. I'm developing on it for a day/month draggable feature. I'll release it with a comment here. Thanks very much.

I have a strange problem. I cannot set the fontsize of the calender elements in the css file - obviously the calender always uses the fonts of the webpage from which it has been called. What could be the problem?

Thanx 4 the cool open source project

I desperately need to pass in an array of holidays in the calendar setup that will add a css class to those days so i can style them different in the stylesheet. Does anybody know how to do this?

i have used this calendar but it was not working in FF so i made some changes. showCalendar(e) first argument e for FF then in this method showcalendar1(null,e); call like this null is showothermonths then i put try catch block for parent node and put this code in showcalendar1() var e=e? e : window.event; var event_element=e.target? e.target : e.srcElement; btnid=event_element.id; inpid = event_element.associatedElement?event_element.associatedElement : event_element.getAttribute('associatedElement'); now problem is when i click on date or select a date it does not hide itself i have to double click the date to hide itself i want it on single click... i hope to get an answer, thank u

i have used this calendar but it was not working in FF so i made some changes. showCalendar(e) first argument e for FF then in this method showcalendar1(null,e); call like this null is showothermonths then i put try catch block for parent node and put this code in showcalendar1() var e=e? e : window.event; var event_element=e.target? e.target : e.srcElement; btnid=event_element.id; inpid = event_element.associatedElement?event_element.associatedElement : event_element.getAttribute('associatedElement'); now problem is when i click on date or select a date it does not hide itself i have to double click the date to hide itself i want it on single click... i hope to get an answer, thank u

Fantastic and efficient piece of software

When I click on this calendar, which is amazing by the way, and it pops up in Chrome, I can not press the buttons at all in the calendar. It works great in IE and FF... Also jquery is on the page but I am not using the jquery wrapper, just the original calendar.js with patches for scrolling issues in IE 7 and IE 8

CHROME & MAC SAFARI in transitional dtd with jquery was not letting user click a button...

added browser sniff for chrome and logic to the following function in calendar.js

Calendar.tableMouseDown = function (ev) { if (Calendar.getTargetElement(ev) == Calendar.getElement(ev)) { if ((!Calendar.is_chrome) && (!Calendar.is_khtml)) {return Calendar.stopEvent(ev);} } };

The first of week of 2010 is week 53. This doesn't seem right. If I change the firstdayofweek in the calendar-setup file, it does not update the popup.

Ohh some good. im the message 200 i love this pages i make very updates for mi domain server whit this clock. its beautifful and some thank you . Any people can help my? i have one problem whit the colocation clock i no think What is the problem. When any people can help my telephoned my. My number the phone is 619350029 i respond what name ayarza

Primero, mata a tu profesor de inglés ;) Segundo, si el problema que tienes es con la posición del calendario en IE6, IE7 o IE8, la solución es cambiar el código como se explica en un comentario más arriba:

http://www.dynarch.com/projects/calendar/old/#Kcomment-202

--English-- First, kill your english teacher ;) Second, if your problem is about positioning the calendar in IE6 7 or 8, try the solution explained in here:

http://www.dynarch.com/projects/calendar/old/#Kcomment-202

The days in April are displayed wrong (ex. 1. April should be Thursday but it is displayed as Friday). This does not happen in other months and with IE6 or IE7. It works fine with Opera. I can't figure out what the problem is. Has anyone had the same problem? I really could use some help.

Hi, there is a problem with the position of the window calendar position with IE 8. I have solved the source code (Calendar.js).

In the fixPosition(box) method, I have added the test: if (Calendar.is_ie && !Calendar.is_ie8) { br.y += document.body.scrollTop; br.x += document.body.scrollLeft; } else { br.y += window.scrollY; br.x += window.scrollX; }

Instead of: if (Calendar.is_ie) { ….

And I have added the is_ie8 method: Calendar.is_ie8 = ( Calendar.is_ie && /msie 8.0/i.test(navigator.userAgent) );

Thank's.

F. Deydier

Hi, in IE or FF there is duplicate day in the end of March. It's very strange, but I not found this problem before.

I found where is problem. It is because of daylight saving time, which we have changed on the end of March. When DHTML Calendar is used only in date format, it count days at 00:00 zero time, when calendar make voodoo magic for some calculation it make mistake on browsers, that take in calculation daylight saving time.

I solve the problem with dirty hack:

In calendar-setup.js I change line 159 with:

if (dateEl) { params.date = Date.parseDate(dateEl.value || dateEl.innerHTML, dateFmt); params.date.setHours(2); }

I have a problem with show calendar on a specific area and I do this change over this version:

1393: br.y += document.body.scrollTop || document.body.scrollY; 1394: br.x += document.body.scrollLeft || document.body.scrollX;

I am using this calender code in our application. But I have weird problem here. I have some vertical lines coming after every row item in the table. Each column is separated by a vertical line.As such the calender looks good even with those vertical lines. But I want to take them off.

I am getting the error Calendar.tt.defdate_format is null or not an object when clicking on the calendar icon. The calendar will not pop up. Any reason why this is happening?

OK, the IE8 fix for the popup vertical position isn't quite right as one or two of you have noticed. The current workaround to stop the popup appearing in the middle of the screen is to change the code to this in calendar.js:

Around line 91, add this:

Calendar.is_ie7up = ( Calendar.is_ie && parseFloat(navigator.userAgent.replace(/.msie ([0-9]+)./i, "$1" )) >= 7 );

and around 1375 change the first part of the if to:

if (Calendar.is_ie && !Calendar.is_ie7up) { br.x += document.body.scrollLeft; br.y += window.scrollY; } else {

This workaround, which a few people have suggested, isn't quite right. It does seem to move the popup back to the correct vertical position, but, it has 2 problems:

1) The x position, to my knowledge, is not bugged, so that code is actually fine in all ways. The workaround should therefore be clarified to this:

if (Calendar.is_ie) { br.x += document.body.scrollLeft; if (Calendar.is_ie7up) { br.y += window.scrollY; } else { br.y -= document.body.scrollTop;
} } else {

2) If the popup is to appear right at the bottom of the page, it flows downwards and over the edge. The scrollbars do extend, offering you the change to scroll down so as to see the popup, but when you click them the popup disappears of course. The only way to get to it, is to use a mousewheel and scroll down - not good enough for my users. So, I'm continuing to try to find the line of code which is meant to check if the popup will hit the bottom of the screen, and if so, show it 'above' the link instead of below it. If anyone cracks that bit, please post solution.

Hi, Apologies, typo above. Change near the end: br.y -= document.body.scrollTop; to br.y += document.body.scrollTop;

OK, here is a better workaround for now. Around line 1436 it in calendar.js it says:

var valign = opts.substr(0, 1);

After applying my previous tweak, replace that line with this:

if (Calendar.is_ie7up) { var valign = "C"; } else { var valign = opts.substr(0, 1); }

What this does is change the default alignment from 'B', i.e below the link, to 'C', which is centered over the link. I tried T for Top, but if some of you have popups at the top of the screen, it might flood vertically up and out of the screen, so C seems a good compromise. Hope that helps.

if ur facing any problem related to position of calender in internet explorer , then just follow this trick::-- replace the value of align parameter by null. enjoy

(Hi Mandeep, Align is pretty integral to the overall ui functionality of the popup positioning, so I didn't just want to avoid it.)

Anyway, I've persevered and solved the problem. You can ignore point 213 now and follow this revised code change after 211 and 212:

Around line 1436 it in calendar.js it says:

var valign = opts.substr(0, 1);

After applying my previous tweaks, replace that line with this:

var AmountOfYScroll = document.documentElement.scrollTop; var HeightOfScreen = document.documentElement.clientHeight; var PositionOfElement = p.y; var HeightOfCalendar = (h+40);

if (Calendar.is_ie7up && ( (PositionOfElement - AmountOfYScroll + HeightOfCalendar ) >= (HeightOfScreen) ) ) { var valign = "T"; } else { var valign = opts.substr(0, 1); }

This will tell the app to display the popup above the link 'if' the browser is IE7+ and the popup would have overflowed the bottom of the page, regardless of yscroll position. Otherwise, it works exactly as it used to, for all browsers. For me it's a 100% fix. Enjoy.

Hi, great calendar! but i got a problem with date format in IE8/7. I defined the format as shown in the documentation:

cal is the instance of calendar:

cal.manageFields("arrival_trigger", "arrival_date", "%d/%m/%Y");

it shows correctly in FF and Chrome, but in IE8/7 it shows as default (%Y-%m-%d). how's that? could you please help?

Thanks

I've used your calender in our applications, and it was sooo helpful. only yesterday some users reported the following problem:

the day number displayed in the calender is not matched with the day name. for example : for May 2010 the calender shows day 13 as Fri where it should be Thu and of course all the days of this month are shifted.

Can you help me resolve this problem ?

Just tried example based on documentation and when I click on the button I get the following error....

Error: Calendar._TT is undefined Source File: ..../pld/calendar.js Line: 32

Please advise...

FYI - Figured this out. User/programmer error. The <script type="text/javascript" src="lang/calendar-en.js"></script> was not in the folder "lang"

In relation to point 98 and 99, disabling previous dates. Being new to javascript I'm not sure where to put the line:

Date.prototype.isFuture = function(date) { var today = new Date(); return (Date.UTC(date.getFullYear(),date.getMonth(),date.getDate(),0,0,0,0)>Date.UTC(today.getFullYear(),today.getMonth(),today.getDate(),0,0,0,0)-1); };

Step by step instructions would be much appreciated.

There is an issue in using Calendar with drop down menus on the same page. If Calendar happens to be (or open) on top of a drop down menu, even only partly, the menu disappears. If you drag Calendar away, the menu re-appears. This feature involves only drop down menus, all other elements on the page work perfectly even if Calendar happens to be on top of them.

Is there a solution for this "feature"?

Browser: IE8 (not sure if the bug is browser-dependent)

Hi,

first of all, thank you for your great calendar.

I have a problem with the calendar: I would like to call a JS function, when the user clicks on the button to open the calendar. I can set a onClick function to the button, which opens the calendar, but when this function gets called, the calendar get not opened.

Is it possible to set a onClick handler, like the onClose handler, which you support in your calendar or should I call a defined JS function with an onClick Event, which create and show the calendar? If it is the second way, how can I create and show the calendar manually? I've googled and look in the JS classes already, but I can't find a solution. I also could not find the position in your source, where you add an onClick handler for the calendar button ;-)

Thx you in advance.

replay to #160

you better ADD this if ((typeof cal.getDateStatus == "function") && cal.getDateStatus(date, date.getFullYear(), date.getMonth(), date.getDate()) === true) {

because the value of this can be anything other than "special" every user can have multiple css values for his "special" dates.

just to subscribe...

Please tell me, how could I set some current date to calendar? I have this in my setup: var cal = Calendar.setup({ showTime: 24, date : 20100602, selection: 20100602, onSelect: function(cal) { cal.hide() },

    });

But calendar still showing me december 2009 instead of june 2010.

I'm still using it and still loving it.

We have been using the calendar for 3 yrs on our website (www.wideroe.no), and now we have this strange bug on Google Chrome: All works well until we page to month November, then the calendar disappears! I have no idea where to start debugging this.

I just had a similar issue with Chrome and a popup calendar, but using advice from comment 124 (http://www.dynarch.com/projects/calendar/old/#Kcomment-1128), I was able to get it to work again. I did simplify the code changes:

--- calendar.js 2010-06-14 14:58:32 UTC +++ calendar.js 2010-06-14 16:07:22 UTC @@ -1106,7 +1106,7 @@ var day1 = (date.getDay() - this.firstDayOfWeek) % 7; if (day1 < 0) day1 += 7; - date.setDate(-day1); + date.setDate(0-day1); date.setDate(date.getDate() + 1); var row = this.tbody.firstChild;

OK -- that didn't format correctly!

Change "date.setDate(-day1);" --->--->---> "date.setDate(0-day1);" around line 1106.

Thanks, that did the trick. The calendar now works correctly in Chrome.

I had the same problem. It actually occurs whenever you try to show a month that starts on a monday (so the '1' is at the upper left corner). when this happens, the script tries to pass '-0' to a setDate function, and that fails in chrome. Matthias's solution fixes this by passing 0-0 = 0 instead.

I have this problem in both mac and windows versions of chrome. I think it started a few weeks ago, probably with an update.

Anyway thanks matthias for the workaround!

Same problem here, using Google Chrome the month of November is missing (then August is missing on the next year).

Any ideas?

Thanks in advance. Regards.

Firstly, awesome control!

We have an issue where the date is showing as %d/24/2010 after it is selected in the popup.

Any ideas?

Thanks, Brett

Is there any way to configure this calendar widget to show only days of current month. By default it shows some first few days of next month and last few days of previous months in grey color. I have a requirement where I need to have days of only current month in pop-up.

Got that - making showsOtherMonths = false will work ...

The calendar doesn't seem to work in Chrome 5.0.

Change "date.setDate(-day1);" --->--->---> "date.setDate(0-day1);" around line 1108.

Which file? There are a few files containing that piece of code... none of them in the line 1108. Could you give further details please?

Thanks very much in advance and regards.

The control is cool , but the pop up overlay by crystal report viewer's report document and the z-index seems not able to avoid this.

I want to know if the new version can fix this problem.

@khairul Sorry, but that does not seem to fix it. I cleared my cached, and confirmed the script included in my page contained that change, but JSCal still highlights the filled in date field and blocks form submission in Chrome.

thank you for this calendar. is there anyway, i can set max and min date in the callback function?

I found an issue using the calendar in Chrome - the calendar goes blank and causes an "Uncaught Illegal Access" when trying to display some months. This can be fixed by changing line 1108 in calendar.js to:

if (day1!=0) date.setDate(-day1)

Hi At first I want to thank you for your Awesome Calendar. I am using it in one of my project. I am from Tokyo(GMT +9). After enabling "showTime : 24" the calendar showing date in GMT time. For example my computer showing 22:00 but the calendar shows (22:00-9:00)=13 but I dont want that. I want to show 22:00 instead of showing GMT time. How can I do that ? It would be a great help if you give me any solution. Thanks in advance.

does not work in chrome, not some months are November, use the version 2-.* Any suggestions?

Search if(az<0){az+=7}aG.setDate(-az)

and adds this

if(az<0){az+=7}aG.setDate(0-az)

so far it works ok in chrome Regards

Hi all,

I tried to include the calendar popup within another div, that is popuped too. In my application this does not work? Outside the popup div the calendar popup appears.

Any idea?

thanks for you help

Markus

Looks like SugarCRM still uses this calendar.

Hi

I want change select range on calendar from SHIFT button to left mouse click.

Do you now where i must change it?

It will works?

Im having problems with chrome version 5.0.375.99, the calendar gets blank.

I tried some solutions on calendar_stripped.js but none work.

Can anyone help me?

In line 1190 (or around 1190 as i inserted and deleted some lines) change date.setDate(-day1); into date.setDate(0-day1); Regards peter

How to get the year of the selected date?

I have troubleshooted this Chrome problem and it seems that the problem only occurs when Sunday is the first day showing. If any otherday is showing first the calendar will not go blank, Im only having this problem on the month of August 2010, the new calendar starts with monday and im sure thats why. does anyone know how to change the default day

I have same issue in joomla 1.5. Any one help me how to upgrade this datepicker in joomla 1.5.

Actually problem is not first day of calendar. main problem is "When first date of month is starting at first day and month total days are 31 than it will create problem in chrome".

My date format is %d %m %y and my date is 18/07/10.I stored the date as a string.How to get the year from the above string?

Even with the "0-day1" fix I have a problem when I'm trying to set a date range in Chrome using cal.selection.selectRange(). This (i.e. nothing) happens only when I call selection.selectRange() on an existing calendar; the setup routine, which also sets a range, works perfectly well.

Is it possible to use it as a hyperlink; is there any MouseUp/Over usuing date as hyperlink funcion which would open new link In: 20100717: { klass: "highlight", tooltip: "%Y/%m/%d (%A)<br /><font color=orange><div style='text-align: center'>example" }, that is only a way to see a news not to jump to event which was taken on exact date thx I could not found any information about that

Hello, I need to show in popup calendar 2 months in the same time (current and next month or current and previous one). Can you tell me if this is possible and how - I can't find anything in the documentation.

I've set up calendar in one of my cms' but on mac os when I click the button the calendar shows up and then hides in instant. The demo calendar on this site works fine. What should I do ?

Year is not changing