Calendar Discussion

Hi,

I saw your JS Calendar and it is quite close to what I have been seeking. However, in order to select a date range, I would have to press and hold the Shift key and click on the end date.

Do you currently have any plans to allow users to select the date range without having to press and hold the Shift key?

Something like this: http://www.harbour-plaza.com/en/reservations.aspx

The calendar was created in Flash but at least it gives you a clearer picture of what I mean.

Looking forward to your reply.

Regards, Darryl

P.S: Hope this does not end up in your Junk folder or something. =)

Thanks for the quick reply and equally quick modification of the code!

May I know how much it would cost to release the full source code to us?

Also, would it be possible to get your contact number so that if I may contact you for help in the future?

Regards, Darryl

Just today I started a small project with the calendar object. Quiet nice and just what I need. Indeed the "piece of code" that you wrote for Darryl is 99% what I needed too. I only want to set the "min" attribute to the current date after selecting the "end date". I tried this in the getSelectionHandler function ...

.... document.getElementById("info").innerHTML = .... min_date = Calendar.dateToInt(new Date()); cal.args.min = min_date; cal.refresh(); ....

but Firefox throws a error:

Erro: au.getFullYear is not a function Arquivo-fonte: http://192.168.0.10:8080/scripts/jscal2/js/jscal2.js Linha: 11

Any pointers???

Best Regards

Juergen

Sorry the code got scrambled a bit. Hope you can read it....

Ok, Ok, Ok .... I can here you say "RTFM! You have to pass the js-date-object and not the integer!" .... Actually I read "reply 151" and not the manual.....

... heading over to the payment page ....

Hi

How can i show only FIVE rows on Calendar tell me ASAP.

I want to know how to disable calendar dates from 1 to todays date .

is this calendar is compatible with the iphone's safari browser?? i need a version compatible with this browser :S

thanks you for answers.

thanks!!! thats great!!! :D

sorry :( but the calendar does nor work in the iphone :'( I implement it on my web, this works fine in the pc browser, but not works in the iphone, the number of date are out of the boxes. how to solve this?? maybe the previos version is compatible??

could you tell me the version that runs on the iphone? and where can i download this version?? i really need the calendar to implement for the iphone :S

Hi Mihai

I have a question about your calendar and the way it displays accented characters. It seems that if I choose French language so calendar-fr.js, Firefox and IE do not display some characters correctly. These characters are accented e and accented u. I was wondering if you are aware of the problem and if you know of any solution to this? It seems that these same characters will display just fine on a page but not within the calendar div.

If you have any knowledge of this or any work around, please let me know.

Thanks Pavel

Rather than making some change on your web server, make some change in the language file and replace all accent and exotic french characters by their html equivalents eacute, egrave etc.. my french fr.js Calendar.LANG("fr", "Français", {

      fdow: 1,                // first day of week for this locale; 0 = Sunday, 1 = Monday, etc.

      goToday : "Aujourd’hui",

      today: "Aujourd’hui",         // appears in bottom bar

      wk: "sm.",

      weekend: "0,6",         // 0 = Sunday, 1 = Monday, etc.

      AM: "am",

      PM: "pm",

      mn : [ "Janvier",
             "Février",
             "Mars",
             "Avril",
             "Mai",
             "Juin",
             "Juillet",
             "Août",
             "Septembre",
             "Octobre",
             "Novembre",
             "Décembre" ],

      smn : [ "Jan",
              "Fév",
              "Mar",
              "Avr",
              "Mai",
              "Juin",
              "Juil",
              "Aou",
              "Sep",
              "Oct",
              "Nov",
              "Déc" ],

      dn : [ "Dimanche",
             "Lundi",
             "Mardi",
             "Mercredi",
             "Jeudi",
             "Vendredi",
             "Samedi",
             "Dimanche" ],

      sdn : [ "Di",
              "Lu",
              "Ma",
              "Me",
              "Je",
              "Ve",
              "Sa",
              "Di" ]

});

I am using the calendar in a popup form. With Safari and Firefox on a Mac, the calendar just appears, then disappears quickly. The calendar works fine on IE / Firefox on a Windows PC.

Here is what I am using.

Do you see anything I may have missed...?

Also, can you use the compact calendar when used as a popup?

<input name="todate" id="calendar-toField" <cfoutput>value="#DateFormat(NOW(), "yyyy-mm-dd")#"</cfoutput> size="10" /> <button id="calendar-totrigger">...</button> <script> Calendar.setup({ trigger : "calendar-totrigger", inputField : "calendar-toField", onSelect : function() { this.hide() } }); </script>

I found the problem. It appears that the Mac defaults to assuming that the button is a submit type. So when pressed, it was submitting the form. Since my form post to itself it was just refreshing the page very quickly.

<button id="calendar-totrigger" type="button">...</button>

Thanks.

Running Safari 3.2.1 - on my page the calendar will not disappear when I click outside of it (although it does in IE7). I have the proper DOCTYPE defined.

Hi I need calendar PLS!

I need best calendar Pls send me?

Just curious about what seems to be changed behaviour when entering values into the input field for the popup version of the calendar.

If a valid date is entered into the input field (eg. 1/1/1999) and then the button/trigger is clicked, the old version of the calendar will navigate to and select the value from the text field. The new version doesn't appear to do this, and basically ignores the value of the input field.

Have I missed a parameter or method to re-enable the old behaviour, or is this no longer intended behaviour?

same to me. like simon, the calendar ignores the value of the input field, if the imput field have a "non calendar character" Eg: 458784 Ie6 return a Stack overflow at line 1798.

I found the same error (stack overflow in 1798) with IE7 and firefox on the same computer (and only it). All XP Pro computer are OK, only the Vista Family have a problem. I found a solution on the web(another person had the same problem...). Comment the lines from 1793 to 1802.

Hi! Nice calendar. I have a problem: I get 'stack overflow' error when I set, reset or clear a selection object. How can I solve it?

Ok, the problem was that I wanted to do it from de html head. The listener was calling a external function and thats not right.

Cant seem to change the displayed date format from the American style (mm/dd/yy) to Australian style (dd/mm/yy). Where do I go to change this? Thanks

dateFormat : "%d.%m.%Y",

is the script - simple change the %m and the %d

How can i use an image as trigger?

Hi, I created a new language: ES Español (Argentina) You can download it from http://rapidshare.com/files/237772863/es.js.html

Hope it helps

how can I add a new language? could you please explain it ste by step

Many thanks!

Hi,

How can I place 2 date fields in the same form?

how to block the particular date

i want to take time also .....

Hi All,

Sorry, in advance, for my english... I'm french.

I develop a website with SPIP and it autogenerate forms and I use your Calendar in one of this forms. But we I click on a calendar button, it valid the overall form. How could I manage it ?

Cédric

try to use the input tag instead button tag

<input id="calendar-trigger" type="button" value="Open Calendar" />

When I show the calendar over a YUI panel this appear behind(back). how cant change(alter) the z-index property of calendar.

div.calendar { z-index: 2147483647; }

When I show the calendar over a YUI panel this appear behind(back). how cant change(alter) the z-index property of calendar.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link type="text/css" rel="stylesheet" href="src/css/jscal2.css" /> <link type="text/css" rel="stylesheet" href="src/css/border-radius.css" /> <link type="text/css" rel="stylesheet" href="src/css/matrix/matrix.css" /> <script src="src/js/jscal2.js"></script> <script src="src/js/lang/en.js"></script> </head> <body> <form method="post"> <label for="f_rangeStart">Disable dates before:</label> <input readonly="readonly" id="f_rangeStart" /> <button id="f_rangeStart_trigger">...</button> <button id="f_clearRangeStart" onclick="clearRangeStart()">clear</button> <script type="text/javascript"> new Calendar({ inputField: "f_rangeStart", dateFormat: "%B %d, %Y", trigger: "f_rangeStart_trigger", bottomBar: true, onSelect: function() { Calendar.intToDate(this.selection.get()); this.hide(); } }); function clearRangeStart() { document.getElementById("f_rangeStart").value = ""; }; </script> <br /> <label for="f_rangeEnd">Disable dates after:</label> <input readonly="readonly" id="f_rangeEnd" /> <button id="f_rangeEnd_trigger">...</button> <button id="f_clearRangeEnd" onclick="clearRangeEnd()">clear</button> <script type="text/javascript"> new Calendar({ inputField: "f_rangeEnd", dateFormat: "%B %d, %Y", trigger: "f_rangeEnd_trigger", bottomBar: true, onSelect: function() { Calendar.intToDate(this.selection.get()); this.hide(); } }); function clearRangeEnd() { document.getElementById("f_rangeEnd").value = ""; }; </script> </form> </body> </html>

Please save the above code as name.html and then run, I just added a form tag, but it can not in firefox, chrome running

If someone know the answer, please email to me, Thank you doncuy@126.com

I cannot send a message with IE7!?!? I send it with Firefox

I just translated in italian your calendar. You can download it.js at this url: http://www.2shared.com/file/6085218/5bd2dcf3/it_online.html

I'm using the original calendar. I have a travel website with a checkin and checkout popup calendars. I have 2 problems.

#1) The first (checkin) calendar always displays the current date by default but with firefox the second (checkout) calendar always defaults to 2 January 2009 when I popup the calendar first time. The second time I popup that calendar it to defaults to the current date. With IE, no problem, both calendars default to the current date.

#2) I would like to preset the date when I call Calendar.setup (e.g., to set the date 7 days from the current date). I tried adding a 'date' property like this

Calendar.setup( { inputField : "check_out", ifFormat : "%m %d, %Y", button : "trigger2", weekNumbers : false, range : [2009, 2010], date : new Date(2009, 06, 20), onSelect : onSelect2 });

but this did not work. The popup calendar always default to the current date.

Any ideas?

Also, is there any way for my first calendar to set a new date for the second calendar within the 'onSelect' handler? When a user sets the checkin (Calendar) I'd like to preset the checkout (Calendar) 3 days after.

facing the same problem

same problem here...if anybody have a solution that would be great..

Hi Are you going to support full date format, with hour, minutes and seconds?

can you tell me the way control calendar Focus and unforcus event. Thank you very much.

I like the look and feel of this calendar alot, but I'm having trouble getting it to work on a site that has openrico as well.

Rico is used for animation effects and rounding effects on the menus. I'm guessing there's a method somewhere that conflicts, because when I comment out the rico script files on the page then the calendar works fine, but when they're included the calendar doesnt work at all.

Nothing fired when the button is pressed (popup), and fixed calendars seem to just sit in one spot and don't animate to the next screen.

No visible errors in javascript consoles that I can see.

Here's a test page: http://www.stpetersucc.com/test.cfm

Any ideas on what I can change?

Thanks!! Nick

I might be mistaking, but when I use

var datePicker1 = Calendar.setup({ date: whateverdatehere, etc. etc. etc. });

Then the default date is not highlighted, only the actual date (today).

I would like to refer a calendar with an < a href > tag as a trigger, i actually did but now i can't use calendar values to send it to another page who will process the obtained values.

Any ideas ? Thanx.

I am trying to dynamically create a date field with calendar button. However when I hit the Calendar.setup function, JS stops processing with no errors in the log. Of course when JS stops none of the ensuing code to create the dispcal function is ever executed and needless to say it doesn't work. Not sure you can use this in a dynamic environment with multiple date fields in a single form. I would have liked to trace through the source, but the author chose to compress it. So with no source and no error I am giving up and will probably be forced to use the YUI calendar control

can you please send me the code

Does it show time too? Is there a demo of the date and time popup?

Thanks

After selecting an date, the calendar should diassagear and the focus should move to another input-field.

For popup-calendar a funtion hide () exists.

How do i close the Calendar control after a date has Been SELECTED??

Thank you very much. It works fine! Great.

Hello, I'm using your Calendar which seems to be very great. Meanwhile, I have a problem while trying to trasnform a date using the builtin function printDate.

I have the following error: TypeError: cal.printDate is not a function

I look at your code and therefore, this function is really not implemented ! Is it possible to have it in a future release ?

Also, in the previous version, there was a feature permitting to display a value in a div (if a remenber well). Is that feature not planned for this version ?

Many thanks for your work which is really excellent !

Ok. It works like this:

var DtSelected = Calendar.selection.get() ; DtSelected = DateSelected.toString() ; var d = new Date() ; d.setDate(DtSelected.substr(6, 2)) ; d.setMonth(DtSelected.substr(4, 2)) ; d.setYear(DtSelected.substr(0, 4)) ; alert( Calendar.printDate(d, "%Y %m %d") );

A little bit more complicated but works fine ! Many thanks for your help.

Looking for something to customize for our web-application's event-calendar. So the calendar will be bigger (in width and height) to include events, etc. Is this Calendar's width dynamically changable or adjustable? Thanks.

Is there any method to select the status of selected date? Thats could be helpfull to select work, holiday or short days in a month.

Use case: - open calendar - do some clicks on one date to change it status - do some clicks on another date to change there status to0 - to remove selection of date do some clicks on it - etc each statuses has its color to show user which is selected

thanks

Hello. Already asked before, but there is no support for the time as it was in the version 1 ! Do you think you will add it soon ?

Many thanks.

<input id="input3" name="input3" type="text" value="<?php echo ($POST['input3'] != "" ? $POST['input3'] : date("Y-m-d")) ?>" size="15" style="background-color: #ebebe4; border: #7f9db9 1px solid;" /> <img height="16" width="16" alt="calendar" style="cursor: pointer; margin-left: 5px;" src="jscal/cal.gif" id="f_rangeStart_trigger" /> <script type="text/javascript"> alert(1); new Calendar({ inputField: "input3", dateFormat: "%Y-%m-%d", trigger: "f_rangeStart_trigger", bottomBar: false, onSelect: function() { alert(2); var date = Calendar.intToDate(this.selection.get()); this.hide(); } });

this is my code snippet and i have included all the necessary files for the jscalendar but still the calendar does not show. What might be the problem.

Hi, I'm try to migrate from JSCal1 to JSCal2 before buying a license but what about parameter "showsTime" ?

How to display time selection ? It is really important to us. Is there a more complete documentation like for the JSCal1 ?

Regards

Hello, I have a problem, with this cal, I have two inputs, for start-day, and end-day. I use this code for it.

<input name="in_one" id="calendar-inputField" /><button id="calendar-trigger">start</button>
<input name="in_two" id="calendar-inputField2" /><button id="calendar-trigger2">end</button>
<script>//<![CDATA[
Calendar.setup({ trigger: "calendar-trigger", inputField: "calendar-inputField" });
//]]></script>
<script>//<![CDATA[
Calendar.setup({ trigger: "calendar-trigger2", inputField: "calendar-inputField2" });
//]]></script>

It works perfect, but, now I need submit these values. Could you tell me how? I use form tag and submit button, but the calendar buttons now are non-functional. Many thanks.

the calendar only works in html input text field but not working in asp.net textbox field. any idea pls. using textbox.

its working in asp.net textbox field also. but there is a problem while the aspx page is postback.

how does it work with tetxtbox in asp.net instead of input html control?

Just wondering why sometimes the "min" works and sometimes it doesn't. Is it a bug or something?

Ok found out that "min" broke after a 'submit' action. What is the snippet so that you can reload calendar.setup for every submit?

hi,

your calendar is great!

i have a question. by default the weekend is displayed in red color. can you tell me how to change it so it will display like the other normal day? (black)

thanks

Great!you save my day. thanks for the quick reply.

:)

the Calendar doesnt appear in its correct position, it appears upwards that i cant choose the date

the Calendar doesnt appear in its correct position, it appears upwards that i cant choose the date

Is there a possibility to use the calendar as "month picker". Only the month part and a click button for selection should be shown.

Thanks for your fast answer. I tried it, but it is not what I am looking for. The days are still displayed und clicking outside for selecting a month is not really user-friendly. I will use calendar as day-picker (see on my Website the small button in the middle of the top) and a month-picker I will develop by myself.

sir i want to get the month and year when i click on month year section please help me as soon as possible i am waiting your response thanks in advance

Hi,

your calendar is really great, however i miss the "multi-month" functionality, like the one available in official jquery datepicker. Do you have any plans to implement it?

thanks

Little problem with DateTime: in an Input: 17/05/2006 14:24:00

Date in calendar OK, but time no, it put the Time of Now();

if anyone have an answers...

I've answered my question,

I use setTime() and it's OK...

But, an other problem, the Format of Date %H isn't between 00 and 24, at 0 (midnight) it's 12...

Perdona, podrías explicar como lo solucionaste, ya que tengo el mismo problema pero no logre resoverlo :)

Sorry could you explain how you fixed it please, i have the same problem! Thanks in advance.

YES:

in te B function, ar need a little modification, replace 12 by 0

thanks for your code, you save my life!

ps: I use it for an projet in "formation", it's named "Air de Java"

Hi, I have a problem with the calendar, if i select October 18th and then click in another part of the screen and then try to select another day i have two october 18th, do you know why is that?

Thanks

Hi, I believe this relates to a bug which hasn't been fixed concerning when you crossover in to daylight saving time. I don't recall the exact way to reproduce it, but I seem to remember it occurs when your current date is after March 9th but before October, and possibly when trying to find dates after October..

Anyway, the guy here seems to have found the solution: http://jira.atlassian.com/browse/JRA-14952 This should fix the version 1.0 script anyway.. I'm hopeful, got to wait until after March to see if I notice the issue anymore.

Hi, I am having problems with the calendar buttons in a single form, it is treating the buttons as submit buttons and refreshing the page, therefore never allowing the calendar to be displayed. I was wondering how do I allow for the use of form and posting the fields to a different page, should i be using hidden fields, which are quite inconvenient.

That works perfectly. I've changed the clear button to an <input type="button" ... > and thats working fine too. Thank you.

I try to use your calendar but i have a problem. If the input field is void i can set the date, but after if a want to change on click nothing happens. Its my mystake ? Can i use some setting to avoid this. Thanks for Your job.

You first license states:

You may not distribute products containing The Software or portions of The Software to third parties.

Does this mean I can not use your software in a commerical application?

I'm using the greek translation of the calendar, first i had problems because the Calendar.TT["DAYFIRST"] was missing inside the file and it did not pop up.

After this I set a date from it: lets say 01 Ιουν 2009 03:40:44 PM which is 01 June and after i click again on the calendar the calendar will display 08 Ιαν 2009 12:00:00 AM. As it seems the rendering is not ok, everytime it takes the day of the set month and it sets it as a current month when you click the second time.

I have tried different settings for Calendar.TT["DEFDATE_FORMAT"] = "%d.%m.%Y"; Calendar.TT["TTDATE_FORMAT"] = "%a, %b %e";

HELP PLEASE!

%Y-%m-%d %H:%M:%S does not seem to work at all in FireFox 3

e.g. cal.manageFields("f_btn1", "f_date1", "%Y-%m-%d %H:%M:%S");

if date1 already contains a date value with time, e.g. '2006-03-02 12:32:02' clicking on btn1 causes the month in date1 to be overwritten with 12 and the time to be overwritten with now()), and that is before any date has even been clicked/selected!

HELP!

In

When you select a date in the calendar (internationalised - and the date contains UTF-8 chars) and then re-select the pop-up. The date shown in the popup does not equal the selected date, it defaults to today's date.

I've found out that the problem is in var a = str.split(/\W+/);

Which can not evalaute the non Latin characters.

Is this fixed in some higher version or there is any way to fix this?

How can I submit the selected value? Thanks.

if you put the selection on a field and submit the form then you have the selected values.

I'm trying to use a popup calendar. Just the basic setup ( inputField, trigger and the onSelect event to hide the object ). It works perfect the first time i select some value. But, let's say it was the wrong date. If i click again in the trigger button, the calendar pops up and allows me to select a diffrente date but, oddly, the input field doesn't get updated with the new value. It seems like the input field is only updated when it's empty. ¿ Is this how it's supposed to work ? ¿ Any way to get around this ?

new Calendar({ inputField: "f_date1", dateFormat: "%B %d, %Y", trigger: "f_btn1", onSelect: function() { var date = Calendar.intToDate(this.selection.get()); date = Calendar.printDate(date, "%B %d, %Y"); document.getElementById('f_date1').value = date; this.hide(); } });

maybe someone know better suggestion

Dear Mihai Bazon, First of all, thanks for your invaluable work. When I have a data already in the input box and I open the Calendar, I think it should go to that date but unfortunately it is showing Calendar and when I select new date, it will not change the date in input box. But it is working fine for the first time. Please advice.

For that,you can update the calendar-inputField value to 0 (or 00/00/0000 like) while button click event then it ll working fine. but its not the right solution.

Hello, I love this calendar script, but there was something I was curious about. Is it possible to prevent the popup calendar from closing if the user clicks a disabled date?

I want this too - I have thoroughly checked and there doesn't seem to be a way to do this without unwanted side effects.

If you set 'cont', as you would for a non-popup calendar (I set it to be a hidden div), the calendar will stay open when disabled dates are clicked but this will have the undesired side-effect that it stays open 'onBlur'. If you then set the 'onBlur' callback to hide the calendar, it once again hides when disabled dates are clicked.

In my opinion, the default behaviour should be that the calendar does not close when disabled dates are clicked, i.e. that the onBlur event is not triggered when disabled dates are clicked.

eh sry for asking, but how do i display the calender on my page? SRY AGAIN. I am a total n00b. first time with Jscript.should i use the document.write().

Your new calendar is not working with pages generated by ajax call................. Its very baddddd

Hi.

I have 2 questions about the inital selection date: 1. why the calendar can't take the initialDate value from the value of the textField bound to it? 2.why for the initialDate you used a separate dateFormat then the one used to display the date in the text?

When we needs to initialise dinamicly the calendar wee need to care tha date in 2 formats: the one for the dislay and the one for initial value.. it's not practical.

In rest I think it's a nice piece of work. Congratulations

Another bug: with Firefox 3.5 the Calendar is awful =S

Oh! I found out the problem. I was using OutZoom in Firefox... If i turn off the zoom it works ok!

What about the other bugs?? Any news? I really like JSCal!! Thanks

Ola

I have the old calendar in a joomla form, how i update for this new one ?

thanks obrigado

How Can I Set The z-index value? Becouse calendar stay behind the other <div>...

Hi, i use the calendar as popup. but when in the input field is a date, the selected date not filled in? So i can only select 1 time a date.

Whats wrong?

Thanks Mike <input size="30" id="f_date1" /><button id="f_btn1">...</button><br /> <input size="30" id="f_date2" /><button id="f_btn2">...</button><br /> <input size="30" id="f_date3" /><button id="f_btn3">...</button><br /> <input size="30" id="f_date4" /><button id="f_btn4">...</button>

var cal = Calendar.setup ( { bottomBar : false, animation : false,
weekNumbers : true, onSelect: function(cal) {cal.hide()} } );

    cal.manageFields("f_btn1", "f_date1", "%d.%m.%Y" );
    cal.manageFields("f_btn2", "f_date2", "%d.%m.%Y");
    cal.manageFields("f_btn3", "f_date3", "%d.%m.%Y");
    cal.manageFields("f_btn4", "f_date4", "%d.%m.%Y");

Mike, i got the same problem with you.

i have fixed the for me, replace the function R() with this: It works!

function R() { this.refresh(); var D = this.inputField, P = this.selection; if (D) { var ar = P.print(this.dateFormat); if (D.value != ar) { (/input|textarea/i.test(D.tagName)) ? D.value = ar: D.innerHTML = ar; this.callHooks("onSelect", this, P) } } }

Its really good, I am waiting for this only. thanks a lot Mike

the Calendar doesnt appear in its correct position, it appears upwards that i cant choose the date.

is there any solution.

Thanks

I have 3 problems with my popup calendar that I need to resolve:

http://www.theseagatehotel.com/www.theseagatehotel.com/index.html

1) The background image within the popup calendar doesn't display in IE -- it instead displays as semi-transparent

2) I need to force the position where the popup calendar displays to be immediately beside the right edge of the small calendar icons (so that it doesn't overlap the select dropown boxes -- which creates a problem in IE6)

3) I need to update the javascript so that when you click on a date -- it first clears the contents of the text input field before populating it. Right now, .. as a temporary fix, .. I have it so that the text input field is cleared when you click on the small calendar icon. Ideally, though, I'd need for this to happen only when they click on an actual date within the calendar.

Could anyone here lend a hand?

Thanks, - Yvan

For your problem 3): i have fixed problem for me, replace the function R() with this: It works!

function R() { this.refresh(); var D = this.inputField, P = this.selection; if (D) { var ar = P.print(this.dateFormat); if (D.value != ar) { (/input|textarea/i.test(D.tagName)) ? D.value = ar: D.innerHTML = ar; this.callHooks("onSelect", this, P) } } }

Thanks so much! Your solution (for #3) worked for me.

• Yvan

You should only use D.value if it is an input box or textarea - see the regular expression following the if statement you have inserted. Also note that innerText should be used, not innerHTML. A better replacement would be:

function R() { this.refresh(); var D = this.inputField, P = this.selection; if (D) { var ar = P.print(this.dateFormat); if (/input|textarea/i.test(D.tagName)) { if (D.value != ar) { D.value = ar; this.callHooks("onSelect", this, P); } } else { if (D.innerText != ar) { D.innerText = ar; this.callHooks("onSelect", this, P); } } } }

if i use event onSelect on contructor or with addEventListener, the date in the input target don't change. i use firefox3

Also same days ago i wrote:

in ie6 if the calendar appear over a 'select' field the element is over the calendar.

and, pheraps, someone answer to me to update my version to 1.6. but i have it.

In the link 'See a more comprehensive demo' both bugs are present

on ie6 the cal pop up does not cover select elements? I understand this is a long standing issue with ie6, but is there a fix for this in your cal?

Can anyone here show an example of how to control where the popup calendar is displayed in relation to the calendar icon? I want mine to display immediately beside the right edge of the calendar icon (so that it doesn't overlap the select dropown boxes) There's mention of using the "showAt()" function in the documentation .. but no examples are given on how to implement.

• Yvan

For those of you who are interested .. here is the solution to my popup calendar positioning problem:

<script type="text/javascript"> Calendar.setup({ trigger : "calendar-trigger-arrive", inputField : "arrive", align: "BR/ / /Br/r", onSelect : function() { this.hide() } }); </script>

Regarding the positioning of the calendar popup, the biggest issue appears to be in Internet Explorer (of course) - we fixed this by altering the file:

/app/code/core/Mage/Core/Block/Html/Date.php

changing the line:

              align       : "Bl",

to:

              align       : "",

This "fix" was tested in IE7, 8 and Firefox 3.5 and 3.6 - the calendar now pops up right next to the calendar input field image for all browsers we tested it in.

IE really is a pain... hth and enjoy.

thankyou!!!!!!!

This was driving me crazy!

Can anyone here help me figure out why I can't get the popup calendar's background images to display in IE 8? How can I fix that?

http://www.theseagatehotel.com/www.theseagatehotel.com/index.html

("Quick Reservation" form in the righthand column)

Thanks, - yg

Can this cal show availability? For example, say I want clients to choose a date and time to schedule an appt with me. If I am already booked, I don't want them to overbook a date/time. Please let me know - and if it isn't - do you plan on doing this? If not, got any suggestions?

Hi all! This is a great project! But i'm a little confused with this: How can I disable 1.all the dates before "today" 2.all dates after 7 days from "today" automatically?????

Thanks a lot !

Hi! I unzip the calendar but can get the Gold skin to work. Everything seen to be fine.

It is just me?

Hello. I Think this is really a great project. I just noticed this problem. if i select a date (for example on your demo page at http://www.dynarch.com/static/JSCal2/index.html) to disable dates before a day, in the input field i can see the first date i selected, but if a select a different day (without clearing the field), the grey days on calendar are updated, but not in the input field. I have also this problem if i create a single field to choose a date and i use the hide() function. Thanks

Hi Mihai,

I know you have not answered my previous private attempts to contact you. I came about to represent the Fabrik component/Joomla in this matter. So I thought about trying to contact you one more time using the comments here. Then, if you don't not answer within 7 days, we will probably begin to develop our own calendar popup (until now Fabrik/Joomla has used your JSCal1, but I've mentioned in the previous private message to you it's limitations). Regardless of your answer, I thank you for coding this tool.

Okay, wondering where this goes: calendar.setDate(new Date()); but, instead of new Date() I want to add a date string from a previously set variable.

How do I do this, and where do I do this ?

Thanks

can we implement popup calender like populateFields.htm means when we change date its change date when we change time its change time.

This calendar is superb! would be great if you can post a question a mate already did here: how can I disable all the dates before today to be selected? I've being playing with the "min" and that, but i'm not able to do it.

Thanks ;-)

This code enable only the dates between a range begining on today:

var today = new Date(); range = 60; last=new Date(today.getFullYear(),today.getMonth(), (today.getDate()+range));

var cal = Calendar.setup({ min: Calendar.dateToInt(today), max: Calendar.dateToInt(last), onSelect: function(cal) { cal.hide()} });

Hello... how come the week starts on a monday rather than a sunday.. How can i change it.. i loooked thru the 124 posts and nothing.. thnx

I get a strange behaviour using inline input text with calendar

I use the following format dateFormat: "%Y-%m-%d %H:%M:%S" for my input.

When the I click to the handler button date is changed from 2009-07-14 13:35:00 to 2009-12-14 13:35:00 by the calendar. When I only use date in the format calendar works fine.

Any idea or suggest ?

I succeed to make it work using my own parseDate function : Calendar.parseDate = function(date){ var c = new Date(); var d = date.split(/\W+/); var year = d[0] ? d[0] : c.getFullYear(); var month = d[1] ? d[1] : c.getMonth(); month = month -1; var day = d[2] ? d[2] : c.getDay(); var hours = d[3] ? d[3] : c.getHours(); var minutes = d[4] ? d[4] : c.getMinutes(); var seconds = d[5] ? d[5] : c.getSeconds(); var d = new Date(year,month,day,hours,minutes,seconds); return d; }; But I had a new problem input time (Hours + minutes + seconds) does not change when i update time in calendar :'(. I Still looking for some help :D.

Hi,

I've made a Dutch translation for the Calendar. Are you interested? If so, how can I send you the file?

Greetings, Marco

Hi, what if i want to show the selected date instead of "->" then i select the 5 consecutive dates

I'm looking to use this on a internal intranet to submit a leave form. I have two questions: 1. Obviously I would like to exclude public holidays. - I saw how to exclude some days and have implemented it. When I make a selection from 1 July up-to 3 July and 2nd July is disabled it counts that I have selected 3 days.

           How can I exclude disabled days from counting.

2. Joined to the question above, I would like to exclude Saturdays and Sundays from counting as well and leave excludes these days as well.
           How can I exclude counting Saturdays and Sundays without disabled each Saturday and Sunday.

Thanks for the quick responce!!!

Cool I'll test this code: var dates = cal.selection.getDates(); for (var i = 0; i < dates.length; ++i) { if (cal.isDisabled(dates[i])) { cal.selection.unselect(dates[i]); } }

How and where do I implement this code - In the Calendar Function, the place where it's prints the days...

This is what I currently have: var DISABLED_DATES = {20090702: true,20090705: true,20090710: true,20090711: true};

var LEFT_CAL = Calendar.setup({cont: "cont",weekNumbers: true,selectionType: Calendar.SEL_MULTIPLE,disabled : function(date){date = Calendar.dateToInt(date);return date in DISABLED_DATES;}});

How and where do I implement this code?

I'm testing calendar when using the 24 hour clock if I select a time of 00:58 its returning 12:58 to the input field. Do you have a fix for this?. Everything else so far works great..

I'm using %H it brings back the rest of the 24 hour clock fine its just once its under an hour it brings back 12 as the hour

Hi Glenn,

Did you solve the time format issue(%H)? Could you please advise how to solve it? Thanks in advance!

I am the only one having problem with this calendar using date format : dateFormat: "%Y-%m-%d %H:%M:%S" ?

I have the same problem too...any help?? :(

on the jscalendar 1.0, there was a way to trap the selection event and reject it BEFORE the input field was updated. I cant find that hook anymore in the newer code. Is there a way to reject a date and leave the input field set to the original?

thanks

Yep, i'm having problems with hours having a ':' character between. Right now what i did is separate the how from the date and just give an space.

About disabling all the days before today for being selected. I didn't get if there's an answer here in this long thread (i've checked it entirely, but coudn't get the answer if there's any).

Is there a way to just put something like min:getToday(); ?

We just need (i and the people who requested it) the min value to be as the "today" date, automatically.

Thanks a lot.

Thanks you very much for your reply Mihal. I'm in the process or learning javascript and i'm a bit lost right now. I'll check it out what you posted.

Thanks.

is there a way to change mix, max dates outside the constructor

I purchased a license yesterday morning. How and when do I get source code?

Could you try resend never did get

I actually need something like this but don't want either date or time -- just month/year or year-only.

That is, specifically, I'd like to be able to specify a date range by month/year only (like jul-2006 - jun-2008) or even just range of years (2007 - 2010)

Possible?

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

browser shows page incorrectly! my browsers: IE8, Google Chrome 2 (margin of paragraph changes!)

when I dont add this header calendar shows incorrectly.

here is my page: try to add <!DOCTYPE html ... and see result.

Please help

<html>

<head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Title1</title> <style> <!-- p { margin-top: 60 } --> </style> </head>

<body>

<p>text1</p> <p>text2</p> <p>text3</p> <p>text4</p>

</body>

</html>

hello, how can I update a 2º calendar when 1º are updated?

thanks

Firefox issue! Seems others have it too! SO when you use the field as date time it always thinks your in december in firefox Example 2009-07-29 15:23:25 In IE it looks fine though.

HELP!

hello. i have the same problem/bug in Firefox 3.5.1, calendar thinks it is december - but only when some date is selected. if no date is selected (when selecting for the first time) it is correct. but when i want to change it then it shows december. it works ok in IE8. thanks.

Hi, Is there a way to use a different key pattern for multiple selection? On a mac, control click works but it emulates a right click and it's annoying... Thanks

fixed. Changed the JSCal2.js file to allow alt-click for multiple selection instead of control-clik.

Hi,

I try to use your calendar in my web app, I open page with squeezebox, like a popupwindow, but calendar does not show up. If I load the page alone everything works OK. Squeezebox demands XHTML strict document structure. Is there any way to display it?

regards grega

I can't select the format of time including seconds!, please add this feature, by the way your code is obfuscated.

Hello: Have seen this question 3 times now, with no response: How to disable past dates from being picked automatically. I see in the documentation how it is done manually, but don't want to have to change the code daily. Any help would be appreciated.

Sorry, above message is unclear. By "How to disable past dates from being picked automatically" I meant i want past dates automatically disabled without changing code daily. Thanks.

This calendar looks really great but it doesn't appear to respect the onchange event handler on the input field. For instance if I have:

<input type="text" id="foo" onchange="this.form.submit();" />

Then the onchange() doesn't fire when selecting the date from your widget, but if I change the date directly in the text field it still triggers.

I have also found this to be a problem, is there a work around?

I think the calendar is a great tool!! I need to position it to the left inside another div. By default it positions center. How do I change the calendar so it positions to the left? Thank you.

Just another comment about the onchange event handler... it should only fire if the value changes... so if I select the same date in the drop down as already in the text field then it shouldn't fire :) You probably already know that though.

I think there's a bug on the calendar when selectionType is set to SEL_SINGLE. Basically the calendar produces an invalid date when SEL_SINGLE is selected. Example (click on any date, then change to SEL_MULTIPLE, reload, click on any date):

Calendar.setup({ cont : "calendar-container", weekNumbers : true, selectionType : Calendar.SEL_SINGLE, selection : Calendar.dateToInt(new Date()), onSelect : function() { var date = this.selection.get()[0]; date = Calendar.intToDate(date); alert(date); }

});

Okay, been having a poke with the (compressed) source code. Found this string:

{return this.type==y.SEL_SINGLE?this.sel[0]:this.sel}

Changing it to:

{return this.sel}

solves the problem for me.

Hi

How can i show only FIVE rows on Calendar.Can you please tell me ASAP.

One simple way to show only FIVE rows (for most months) might be to set "DynarchCalendar-day-othermonth" in the css file to "display: none". On the two browsers that I used, it made the days from "other months" invisible, with the control frame automatically shrinking to fit those months with just five rows.

Hi! I use two jscalendars, and I want to disable date in 2nd calendar before date in 1st calendar.

I tried using a function that modify "min" dinamic, but don't worked it.

How could I do it?

Hi!

I found a bug... Calendar is not aligning well to anchor once anchor is inside scrollable div created via 'overflow: auto' css style. As much I need to scroll down - as far calendar is incorrectly shifted to bottom. I wanted to handle it by my own with showAt(x, y) - but this function seems not to work, is it? I could use popup - it worked fine - but showAt has no effect.

Sample of the bug:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <link rel="stylesheet" type="text/css" href="js/JSCal/css/jscal2.css" /> <link rel="stylesheet" type="text/css" href="js/JSCal/css/border-radius.css" /> <script type="text/javascript" src="js/JSCal/js/jscal2.js"></script> <script type="text/javascript" src="js/JSCal/js/lang/en.js"></script> <br><br><br><br><br><br> <div style='width: 500px; border: 1px solid red; height: 100px; overflow: auto'> test<br>test<br>test<br>test<br> test<br>test<br>test<br>test<br> test<br>test<br>test<br>test<br> test<br>test<br>test<br>test<br> <div style='border: 1px solid blue'> <input id="calendar-inputField" /> <button id="calendar-trigger">...</button> </div> </div> <script> var calendar = Calendar.setup({ align: "MC/ / / / ", trigger : "calendar-trigger", inputField : "calendar-inputField" }); </script> </html>

Hello to the developer of this Calendar.

Buddy I really appreciate your effort.

I have downloaded this calender and it just works fine ...

But there's one issue I would like to talk about is its aligning.

As shown in the documentation page the example of POPUP. When the page is scrolled up, the Calendar pops below, and when the page is scrolled down, the Calendar pops above. I am not able to figure out how exactly its happening. Can you please tell me how its happens or provide me the code as shown in the documentation page where the popup calendar is demonstrated. I request to please answer me as soon as possible.

Thankyou.

Waiting for your answer.

Regards. Kushal Agarwal.

Calendar is not aligning well if its inside scrollable div created via 'overflow: auto' css style. When I scroll down the calendar is incorrectly shifted to bottom.

It would be great if anybody can help me with this? Please let me know how to fix it I will aprecciate it! Thanks Natalia

Hey I guess I have figured out that by my self ...

Thanks Anyways ... Looking forward for your other scripts ...

:)

Hey Kushal! I have the same problem with the calendar I would appreciate if you can tell me how you fixed! Thanks is advance! :) Natalia

Hi all,

Iam want to disable the dates before current date. can anyone help me to do this..

regards, swaraj

atleast tell me which function i need modify in jscal2.js

I asked the same question #165 and, so far, no one has had a suggestion.

Hi Mishoo,

I would like to know how to disable past dates before the current date. I think its minimum requirement for a calendar. Please reply me.

Regards Bhaskar

Is it a simle way to set date and time (in mysql datetime format) to an input field or does I need to program it ?

Thank you for your answer,

i have completed disabling previous dates. replace function ac(aw,aG,aD) in jscal2.js with the following code

function ac(aw,aG,aD){ aG=aG||aw.date;aD=aD||aw.fdow;aG=new Date(aG); var aI=aG.getMonth(),av=[],aA=0,D=aw.args.weekNumbers;aG.setDate(1); var today = new Date(); //alert(today); var az=(aG.getDay()-aD)%7; if(az<0){ az+=7 } aG.setDate(-az); aG.setDate(aG.getDate()+1); var aE=new Date(),at=aE.getDate(),P=aE.getMonth(),aJ=aE.getFullYear(); av[aA++]="<table class='DynarchCalendar-bodyTable'"+ah+">"; for(var aC=0;aC<6;++aC){ av[aA++]="<tr class='DynarchCalendar-week"; if(aC==0){ av[aA++]=" DynarchCalendar-first-row" } if(aC==5){ av[aA++]=" DynarchCalendar-last-row" }av[aA++]="'>"; if(D){ av[aA++]="<td class='DynarchCalendar-first-col'><div class='DynarchCalendar-weekNumber'>"+a(aG)+"</div></td>" } for(var aB=0;aB<7;++aB){ var aF=aG.getDate(),ay=aG.getMonth(),au=aG.getFullYear(),ar=10000*au+100*(ay+1)+aF,aH=aw.selection.isSelected(ar),ax=aw.isDisabled(aG); av[aA++]="<td class='"; if(aB==0&&!D){ av[aA++]=" DynarchCalendar-first-col" } if(aB==0&&aC==0){ aw.firstDateVisible=ar } if(aB==6){ av[aA++]=" DynarchCalendar-last-col"; if(aC==5){ aw.lastDateVisible=ar } } if(aH){ av[aA++]=" DynarchCalendar-td-selected" } av[aA++]="'><div dyc-type='date' unselectable='on' dyc-date='"+ar+"' "; if(ax){ av[aA++]="disabled='1' " } if(aG<today){ //alert(aG<today); av[aA++]="disabled='1' " }

  av[aA++]="class='DynarchCalendar-day";
  if(aG<today){
    //alert(aG<today);
    av[aA++]=" DynarchCalendar-day-disabled"
  }
  if(aq("weekend").indexOf(aG.getDay())>=0){
    av[aA++]=" DynarchCalendar-weekend"
  }
  if(ay!=aI){
    av[aA++]=" DynarchCalendar-day-othermonth"
  }
  if(aF==at&&ay==P&&au==aJ){
    av[aA++]=" DynarchCalendar-day-today"
  }
  if(ax){
    av[aA++]=" DynarchCalendar-day-disabled"
  }
  if(aH){
    av[aA++]=" DynarchCalendar-day-selected"
  }
  ax=aw.args.dateInfo(aG);
  if(ax&&ax.klass){
    av[aA++]=" "+ax.klass
  }
  av[aA++]="'>"+aF+"</div></td>";
  aG.setDate(aF+1)
}
av[aA++]="</tr>"
}

av[aA++]="</table>";
return av.join("") }

I can disable drag function??

I can get a current month selected from arrow right and left button?

Hi there,

my parents in law bought a house with tree apartments for rent. Now I´m looking for a easy solution for DISABLED_DATES. If the rooms are booked they should´t be booked again. My idea is an extra file where the disable_date includes and every new booking will be added in this file. After adding must the file be uploaded... Has anybody a good idea? Thx for help!

conflict css

how to fix confict css problem

somebody help me ? i have a problem like 175, when i want to show popups at bottom then it align above.

Thanks

Hello! I want calendar popup window to appear at the moment when a user put the pointer onto inputField. I guess this could be realized with onmousedown=" " event, but I don't know how. :( Could you help me?

have you tried giving the input box an id and putting that in the setup code:

button : "cal_input"

Yes! It works! :) I simply put the same option for trigger as for my inputField.

<script> Calendar.setup({ inputField : "field_name", trigger : "field_name", }); </script>

Hello... This calendar have the possibility to add links to the dates?

For example, click on the day 5 of march and open a page of my choice.

Thanks

Hi. I found this calendar the most beautiful/useful I never found but it may help if you can add a small feature : an option to enable week range selection and/or a specific week.

Thanks

Hery

PS : Could your work be distributed in a ruby on rails plugin ?

Hmm sorry, I mean by a ruby on rails plugin that I will try to make it (it is not a request). And if I will be allowed to distribute it.

Hello,

How I can do when I click one date on the JS calendar, that write automatically the date selected ?

Thanks You Best Regards Mathieu

one precision, in fact, I want to reload my page with the date selected without click on a button : I want to select the date on the calendar and go to my page with the date selected in parameter and I want anything example that talk of that.

Sorry for my poor english but I'm a french. thanks you

I would like to know if have possibity to add link in a day, help please

Hello, First thanks a lot for this wonderful calendar! I have 2 calendar on my page, one DepartureDate, and the other one ReturnDate. I would like to link both calendar for a logical purpose. If i select 01/01/2010 on my start date, I would like the return calendar opening in 01/2010? Is this achievable? I have tried with a simple js function that copy the departure date into the return date on the onClick event (or others) but nothing. looks like no extra js can be added. Can you help me on this? Thanks VooDoo

Hello, can you help me? I have a simple page with one script onload. This Ajax script is loading content in div on my page. Calendar is one of the content. But it do not working. Help me please. How can i turn on Calendar, when it loaded on my site by Ajax scipt? Thank you!

hey i have the same problem. how to load a calendar inside the ajax script (div tag)?

thanks,

irwan rivaldi

Hello,

is it possible to render only N days in a (popup) Calendar? For example only from Monday till Friday?

We would like to disable all weekend-days or maybe only Sundays, but now we have to set the opacity of the disabled dates to 0.0 and this leaves a gap in the cal : )

With kind regards, Kees

Hello,

I have an js error with Internet explorer "q__data is null" but not with firefox.

where this error come from?

Best Regards, Gaetan

Posible special character in language file ;-)

Hello.... I found a problem with the calendar. In some situations may be necessary to have more than one calendar on a page, each one with different themes.

When that happens, the popup calendar is shown with a mixture of styles.

To solve it, I think each class name should be prefixed with the theme name, and in calendar could exist a new setup parameter called for example, "theme".

Cheers Jaime

I am using JSCal2-1.7 to my app. It works fine in plain HTML page. But my page having tabbed panes (ditchnet.org/tabs/), With in which i have a calandar control. But here Calandar pop does not appear. What could be the problem

Anybody please help in this regard...

Regards Shiva

how can store date in the db.. because our date field structure is datetime...

we show the date in the this format:- new Calendar({ inputField: "start_date", ifFormat : "%B %d, %Y %I:%M", dateFormat: "%A %B %d, %Y %I:%M %p", trigger: "start_date_add_triger", showTime: 12, bottomBar: true, fdow :0, onSelect: function() { this.hide(); } what we do.... plz suggest.

I used the disabled function with Dynarch calendar for enabling dates in current or in future only. in Firefox it is working fine but in IE -7 it is disabling todays date also. This is the code Please advise.

<script> var today = new Date();

                      var sCal = Calendar.setup({
                        id : "startCal",
                        animation  : false,
                        align:'BR',
                        inputField : "start_date_input",
                        dateFormat : "%m/%d/%Y",
                        disabled   : function(date){
                                 if(date < today){
                                  return true;
                                 }else{
                                  return false;
                                 }
                                },
                        trigger    : "start_date",
                        onSelect   : function() { this.hide(); displaySwitch('visible'); }
                     });
                   </script>

What happened with showtime in popup mode?? It's not working!

Hi! I have a problem with the calendar and is that LEFT_CAL is not defined.

Hi, is there anyone faced the problem about language setting with charcters 'ı' or 'İ'

I wanna add multi calendar on a page. It should work like this "Add Another Calendar" I wanna click on this link and a calendar should be added on the page. In this way I should be able to add as many as i want. I tried but calendar objects (button + textbox) are loading but calender is not poping up. Any Idea?

I installed WAMP local on my winxp pc. Configured the calendar function to work in joomla+virtuemart. Online it works but in WAMP, so local from a complete backup of the online site, it doesn't work. Simply no calendar is showing.

Was there a solution developed since this calendar is currently not compatible with iPhone(3.0)?

hi artie, funny, but on my iphone it is working fine, got version 3.0

Hey, when you open the demo (http://www.dynarch.com/static/JSCal2/demo/multipleFields.html) the various popup sample the selected date shown on the final popup. We must do twice click on the button to update and display the corresponding date.

There is a workaround to avoid having to make two clicks?

Thank you

in Calendar.setup, include this...

singleClick : true,

great stuff. what I am still try to achieve: get one calendar to display more than 1 month. I know I can add multiple calendars, but let's say I would like to select a range that goes over a month, it would be nice to display the upcoming three months.

I wanna use js calendar implements whit ajax but it doesn't work, I try to use:

<input name="fecha" type="text" id="fecha" readonly="readonly">

<img src="images/img.gif" id="f_trigger_c" style="cursor: pointer; border: 1px solid red;" title="Selector de Fechas" onMouseOver="this.style.background='red';" onMouseOut="this.style.background=''" />

<script type="text/javascript"> Calendar.setup({ inputField : "fecha", ifFormat : "%Y/%m/%d", button : "f_trigger_c", align : "Tl", singleClick : true }); </script>

but the calendar not display, please somebody help me

Hi there. Is it possible to refer another css-class to first and last day of my selection? I don't get it right!

The Problem. We want to let a holiday home. On date of departure another guest can check in in the Afternoon. So we want to show him in the calendar the date of arrivel and departure, so that he can book the house for a half day.

Please help So we need another class different from "DynarchCalendar-day-disabled"

Is there any way to effect a "one-or-none" selection mode? That is, the calendar would behave as it does for Calendar.SEL_SINGLE, but ctrl-click would deselect the date as it does for multiple selection.

the Calendar doesnt appear in its correct position, it appears upwards that i cant choose the date

the Calendar doesnt appear in its correct position, it appears upwards that i cant choose the date in IE 7 only i have this problem. i think most of them having this problem. i am using jscalendar-1.0

please give me idea?

the Calendar doesnt appear in its correct position, it appears upwards that i cant choose the date in IE 7 only i have this problem. i think most of them having this problem. i am using jscalendar-1.0

please give me idea?

Hi, first of all thank you for this calendar. I'm trying to implement 3 inline calendars on the same page. 1st calendar has current month(August), 2nd (September), 3rd (October). What I'm really trying to do is to get 2nd and 3rd calendars to be loaded as described above with an increment by 1. This is the second day I'm trying to get this to work. Could you please assist me. Kind Regards

hi Adam, painfully looking for this to, see reply 316. if you have any solution, post it here. I've been breaking my head for multiple days now, cannot figure it out..

Thank you very much for your reply, the new code you've provided will assist me greatly in learning new techniques that will surely come handy! Stan and everyone else who is interested below is the code I've came up with today! The only thing that this code missing is when selecting a date on the next month's calenar it doesnt deselct the date on previous month. But I might get an idea from a new code posted by Mihai! I;ll keep you guys posted. Thanks again !!

<script type="text/javascript"> function calSetupMul() { var date=new Date();

var month=date.getMonth()+1;
var day=date.getDate();
var year=date.getFullYear();
var minDate=new Date(year, month-1, 1);
var maxDate=new Date(year, month, 0);

var cal = Calendar.setup({
 cont          : "calendar_wrapper1"  ,
 selection     : Calendar.dateToInt(new Date()),
 min: Calendar.dateToInt(minDate),
 max: Calendar.dateToInt(maxDate),

 onSelect      : function() 
 {
      var tds=Calendar.intToDate(cal.selection.get());
      showSchedule(Calendar.printDate(tds,"%Y-%m-%d"));
   }

}); minDate=new Date(year, month, 1); maxDate=new Date(year, month+1, 0); var cal2 = Calendar.setup({ cont : "calendar_wrapper2" , date : Calendar.dateToInt(date), min: Calendar.dateToInt(minDate), max: Calendar.dateToInt(maxDate), onSelect : function() { var tds=Calendar.intToDate(cal2.selection.get()); showSchedule(Calendar.printDate(tds,"%Y-%m-%d")); }

}); minDate=new Date(year, month+1, 1); maxDate=new Date(year, month+2, 0); date=new Date(year,month+1,day); var cal3 = Calendar.setup({ cont : "calendar_wrapper3" , date : Calendar.dateToInt(date), min: Calendar.dateToInt(minDate), max: Calendar.dateToInt(maxDate), onSelect : function() { var tds=Calendar.intToDate(cal3.selection.get()); showSchedule(Calendar.printDate(tds,"%Y-%m-%d")); }

});

} </script>

Sorry forgot to edit some stuff in the code, showSchedule is my custom function, just replace it with 'alert' or anything you like;)

Here's a link to my example. Please not that I've locked some dates intentionally.

http://www.tmtservices.com/test/3-inline.php

hi Mihai

right on the money. Not able to check right now, is the shift-button working across those multi calendars? (I am using the two click calendar: click one, start date, click two, end date.)

I really like your calendar... is the most usable of all... congrats... but I found a annoying bug with 'minuteStep' param used for adding minute, when 'minuteStep' is different than 5.

When different, in my case '1', i got a wrong number of minute.

The problem is in the function 'function N(D)' (that adds ou decrease a vale from time). When I add, this case is used:

this.setMinutes(this.getMinutes() + this.args.minuteStep);

but the 'this.args.minuteStep' is a String, and when a use '+' function, the function threats this.getMinutes, a normal int, as a String and make a normal append.

the solution is the use of 'parseInt':

this.setMinutes(this.getMinutes() + parseInt(this.args.minuteStep));

See ya!

Diego

Hi!

I'm looking for a JS Calendar plugin which I can set up an array of dates that should be disabled from selecting.

Is it possible?

Calendar.setup({ trigger : "btnFecha", inputField : "txtFecha", dateFormat : "%d/%m/%Y", onSelect : function(){ this.hide(); } });

It only change the inputField the first time.

Hi!

I just found your calendar and I like it very much, but I wanted to ask you if it's possible to separate the time part from the date part?

Because in my case, I have to choose a date (Just one date) but I also need to choose 2 different times for the same date.

So i wanted to know if I can separate the time picker to use it separately ?

How to set hours and time in calender.

Hi all,

I am using this calendar with ditchnet jsp tabs tag library. Its showing an error there,

Hi all,

I am using this calendar with ditchnet jsp tabs tag library. Its showing an error there, "addEventListner is null or not an object" but in jsp with same code its working fine,

Is it not supporting this tab tag library.

please if anyone can answer this.

Hi Author,

This is the code i m using:

For ditchnet we need to import a jar file. When i remove the ditchnet tags its working, else an error occurs saying: "ar is undefined --> Mozilla" "addEventListener is null or not an object --> IE 7"

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

<%@ page contentType="text/html" %> <%@ taglib prefix="tab" uri="http://ditchnet.org/jsp-tabs-taglib" %>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

  <link type="text/css" rel="stylesheet" href="../css/jscal2.css" />
  <link type="text/css" rel="stylesheet" href="../css/border-radius.css" />

  <script src="../styles/jscal2.js"></script>   
  <script src="../styles/en.js"></script> 

<link type="text/css" rel="stylesheet" href="../css/marune.css" />

<tab:tabConfig />

</head>

<tab:tabContainer id="foo-bar-container">

<tab:tabPane id="foo" tabTitle="Foo!">
  This is tab 1 
</tab:tabPane>

<tab:tabPane id="cal" tabTitle="Calendar">
  This is tab 2
  <table><tr><td>   
    <input type='text' id="sDateProf" name="sDateProf" value="" size='10' readonly /> 
    <input type='button' id="sdCal" name="sdCal" class="buttonNoMargin" value="..." />

      <script language="javascript">

    new Calendar({
                     inputField   :   'sDateProf',
                     dateFormat   :   "%Y-%m-%d",
                     trigger    :   'sdCal',
                     bottomBar    :   true,
                     onSelect   :   function() {
                                          var date = Calendar.intToDate(this.selection.get());
                                          this.hide();
                                      }
             });
</script>
  </td></tr></table>
</tab:tabPane>

</tab:tabContainer> </html>

link to ditchnet: http://ditchnet.org/tabs/

Please reply to my query.

I m sorry, while posting the contents are not properly displayed

Hi all,

a user is getting an "object required" error on IE8 although I tested it successfully on IE 8.

Here is the error details the user sent to me:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; InfoPath.2) Timestamp: Wed, 2 Sep 2009 08:17:41 UTC

Message: Object required Line: 11 Char: 6142 Code: 0 URI: .../JSFiles/calendar/js/jscal2.js

I went to the indicated position into the js file. The code i found there is:

"if(this.selection.type==y.SEL_SINGLE){var aw,av,au,at;aw=/input|textarea/i.test(P.tagName)?P.value:(P.innerText||P.textContent)"

Any help will be appreciated

Rodrigue

Is it possible to display two months simultaneously in this calendar control? If so how could we achieve that?

Hi,

I've come across the following issues with the calendar: 1) The calendar appears to have trouble parsing this dateFormat: '%Y-%m-%d %H:%M:%S'. The calendar will correctly output this format into a specified inputField, but when popped up again, it has no selection.

2) Changing the selected time in the time selector doesn't update the inputField value, even though changing the date does.

I encountered both of these issues on a page containing a html input named 'schedule_date' and the following Calendar.setup params:

{ selection: Calendar.dateToInt(new Date()), bottomBar: false, min: Calendar.dateToInt(new Date()), inputField: 'schedule_date', trigger: 'schedule_date', dateFormat: '%Y-%m-%d %H:%M:%S', showTime: 12/* , onTimeChange: function(cal) { // BUGFIX: jsCal2 doesn't automatically update inputField when the time changes. // BUGFIX: Manually updating inputField when time changed. cal.date.setHours(parseInt(cal.time / 100)); cal.date.setMinutes(cal.time % 100); cal.inputField.value = Calendar.printDate(cal.date,cal.dateFormat); }*/ }

Note that uncommenting the onTimeChange value has no effect on issue 1) but fixes issue 2).

Thanks much, -pcarini

Here is my workaround for the date+time date format, as a monkey patch:

  var func_calendar_parseDate = Calendar.parseDate;
  Calendar.parseDate = function(dateString,monthFirst,today)
  {
    dateString = dateString.split(' ')[0];
    func_calendar_parseDate(dateString,monthFirst,today);
  }

Of course this will only work for my specific date format, but I thought I'd add it here for the sake of completeness.

Much thanks for your work on this calendar! -pcarini

Hello, i'm trying to insert the date with the demo "rangeSelection" but how can recover my date for php ? Thanx

I also have the same problem..Please help me...

I can't disable range of events. Ex: i have events 09/03/2009 - 09/10/2009,10/01/2009-10/03/2009,so on.. How to do that? Please reply me soon!

Hi im using the JS calender in a project im working on and iis there a way th was wondering if there was a way to validate the date input.Currently im doing the same using spring.Any feedback would be greatly appreciated.Thnks :)

hi! how i can disable weekeend and some events? please reply me soon! thanks so much!!!

Hello, Can you use this callender in Joomla, and how to do this, your old version is used in com_mad4joomla can i upgrade to the new version ? I think it is a good product.

Hi,

I have a webpage where the calendar is to appear on a div panel at some point after the page has finished loading via AJAX.

I notice there has been a couple of other people with the same problem, but there isn't any solution yet, any help?

Hi, I'm testing this on your demo page.

Issues with Google Chrome:

1) Keyboard support does not appear to work.

2) Shift-Click only selects a date range when the end date is less than the first/start date selected.

PS. Would be nice if I can click and drag to select a date range.

If I can get it working perfectly in IE8 and Google Chrome I'd be very happy.

Okay, so I just saw your notice about keyboard support not working yet in Google Chrome - do you have an estimate when this will work?

The Shift-Click date range is still not working for me though in Google Chrome. Is this a known problem?

BTW, it looks great!

i downloaded the code along with the demo page, which works fine,

but when i am trying to use it in a page with multiple dates, EX start date, closing date etc....the calendar pops up fine and i am able to select the date and the field gets filled but once i open any other calendar it wipes out the previous field. this does not happend in the oringal demo code...

but even if a copy paste the input fields and javascript object...still happens the same date value gets wiped out in the previous calendar selected.

any thoughts?

Hi Guys,

I am using this calendar in my site. but I got an error like 'NaN' when I click on same date which I selected last time.

can anyone solve this problem? If yes then please help me.

Thanks Nj

The calendar control is just great. I want to add a drop down at the bottom of the calendar. This will basically decide whether to return MM/DD/YYYY or MM/YYYY. How can I do that? please Help

how to block the date and month in JS Calendar when user select the previous date and month

Hi all, I have a question. is There any configuration in the calendar so that i can create a drop down list for the years, instrad of select one year at a time? when i press the year buttons?

Offline work the calender perfect, but if i load the files on my webspace with php5 the calender don't popup. (the path is correct)

Thanks for help Morrers

regradin comment 168/170: I have same problem, that event handler onchange doesn't work. When I change date with your GREAT widget (THANK YOU!) it writes the date in to the textfield with onchange - nothing... Is there any solution (unfortunately I couldn't find any) Thanks.

Hi. I have the same issue as described in comments 160 and 161. I tried it in firefox 3.0 and in the latest chrome, but the issue still exists.

I would like to use your work as part of an events calendar where days having events would get highlighted. Clicking on the day would emit a table of events that occur on that date elsewhere on the page. Ideally everything would be self contained and the events list would be stored in XML. Have you thought about extending this project in that direction?

Can someone fix some bugs of jscal2.js and upload this file for other guy???...plz With IE 6 don't work for me...but with Chrome it's all perfect ;)

Has anyone solved the issue with a popup JSCal2 overlapping a select box in IE 6?

We had a solution for JSCal1 where the select boxes were hidden as the calendar is dragged over them, but have found no such solution for JSCal2.

The contents of a sample page are shown below that show the error. Just place this page in a directory that also contains the unzipped JSCal2-1.7 folder

ie: <html> <head> <link rel="stylesheet" type="text/css" href="./JSCal2-1.7/src/css/jscal2.css"> <link rel="stylesheet" type="text/css" href="./JSCal2-1.7/src/css/steel/steel.css"> <style type="text/css">.calendar { z-index: 99 }</style> </head> <body onLoad="init();">

<ol>
  <li><input name="myDate" id="myDate"> </input> <span id="myDate-trigger">Trigger</span></li>
  <li>
    <select name="mySelect" id="mySelect">
      <option>- Select One-</option>
      <option>Option 1</option>
      <option>Option 2</option>
    </select>
  </li>
</ol>

<script type="text/javascript" src="./JSCal2-1.7/src/js/jscal2.js"></script>
<script type="text/javascript" src="./JSCal2-1.7/src/js/lang/en.js"></script>

<script>
function init() {
  Calendar.setup( {
     trigger:    "myDate-trigger",
     inputField: "myDate"
  });
}
</script>

</body>

Hello and thanks for providing your excellent calendar.

I'm trying to implement it on a XHTML 1.1 site which sends a content type of 'application/xhtml' in all the page headers.

I get an "undefined enitity" and "uncaught exception" error on the FF3 error console which points to an innerHTML statement in your code(?) near <p class='DynarchCalendar-menu-sep'> </p>, but I'm unsure if this is the real issue (the <p> looks ok to me).

If I change the content type (in the header) to 'text/html', the calendar works ok.

Of course I'd rather not change the content type of the entire site as the itef recommends sending application/xhtml for xhtml compatible browsers.

Thanks again. Any help is apreciated.

Thanks for the quick response (I'm really impressed!). I guess I'll try a text/html workaround on the page I want to use your calendar.

Thanks again.

Hello and thanks for providing your excellent calendar. I'm trying to resize the calendar but i don't know how to do this Can you give me some advise, Thanks again. Any help is apreciated.

I'm sorry if I missed something. Can I tell the calendar to select a day(s) or few? I have a calendar in the first page for user to select the day(s) and have another in the second page for user to modified the selected day(s).

hi

i have the following strange problem. I integrated your great calendar in my application. Although works on IE8 without problem during the test, an error occurs when a unique user (since it works on other machine with IE8). His IE8 shows the following error: <i> <b>Object required</b> jscal2.js Line: 11 code: 0 char: 6142 </i>

Since the same code work on others machines with IE8, i suppose the problem could only be on his environment. I looked at the IE8's release number, and it's the same like mine.

Do somebody know what thing i should still verify?

Any help would be appreciated

Thanks

hi

i have the following strange problem. I integrated your great calendar in my application. Although works on IE8 without problem during the test, an error occurs when a unique user (since it works on other machine with IE8). His IE8 shows the following error:

Object required jscal2.js Line: 11 code: 0 char: 6142

Since the same code work on others machines with IE8, i suppose the problem could only be on his environment. I looked at the IE8's release number, and it's the same like mine.

Do somebody know what thing i should still verify?

Any help would be appreciated

Thanks

This tool need more compatibility with more browser... We must do something...

I've come up with a fix to the IE6 select box issue (select boxes in IE6 show through the calendar).

Just place this code in any of your javascript files, and add the css indicated... it is fairly unobtrusive, as it does not require any changes to the jscal2.js file itself (it just wraps the showAt function in the Calendar object).

Note that my site uses YUI, so I use YUI for certain dom manipulations and for browser sniffing. If you don't use YUI, it should be fairly obvious how to modify the code to make it either use your library of choice (prototype, jQuery, etc), or make it independent of other libraries at all

/** * The following anonymous function applies a fix to Dynarch JSCal2 for the IE6 select * problem. Upon the first call to showAt() of any calendar in IE6, it will apply an * iframe to the calendar which hides select boxes underneath. */ (function() { // Declare some local variables for brevity of code var ie = YAHOO.env.ua.ie, Dom = YAHOO.util.Dom, FIX_APPLIED_CLASSNAME="fixApplied", IFRAME_SHIM_CLASSNAME="shim";

  // Only Apply the fix for IE6
  if (ie > 5 && ie < 7) {
      // Function which applies the fix
      var applyFix = function() {
              var calendars = Dom.getElementsByClassName("DynarchCalendar", "div"), i, calendar;
              for(i=0; i<calendars.length; i++) {
                  calendar = calendars[i].parentNode;

                  // Only apply the fix once.  We keep track of this by simply putting a FIX_APPLIED_NAME
                  // class on the calendar element and checking for it
                  if(!Dom.hasClass(calendar,FIX_APPLIED_CLASSNAME)) {

                      var shim = document.createElement('iframe');
                      shim.src='about:blank';
                      shim.className = IFRAME_SHIM_CLASSNAME;

                      Dom.setStyle(shim,'height',calendar.offsetHeight);
                      calendar.insertBefore(shim, calendar.firstChild);
                      Dom.addClass(calendar,FIX_APPLIED_CLASSNAME);
                  }
              }
      };

      // Wrap the Calendar showAt function so that after calling the calendar's showAt function,
      // call our applyFix function
      var showAt = Calendar.prototype.showAt;
      Calendar.prototype.showAt = function(a,b,c) {
          showAt.call(this,a,b,c);
          applyFix();
      };
  }

})();

iframe.shim { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 0; border: 0; z-index: 0; }

Thank you Michael!!!

I am thinking about using your calendar, it is a great app. Thanks.

I have been able to get it working with IE but not with firefox. It keeps saying P is null. Could someone help me with this. My code to create an instance of calendar is as below:

<button id="calendar-trigger" type="button"><img src="css/img/cal.gif" alt="show cal" border="0"></button> <script type="text/javascript">//<![CDATA[ Calendar.setup({ inputField : "testDate", trigger : "calendar-trigger", dateFormat : "%m/%d/%Y", min: 19000101, selection : Calendar.dateToInt(new Date()), max : Calendar.dateToInt(new Date()), onSelect : function() { this.hide();document.forms[0].elements['testDate'].focus()}

              });
              //]]></script>

Thanks

To fix this, you just need to move the trigger input and button above the script that calls the calendar :)

Hello, thanks for providing your excellent calendar. I'm trying to use the calendar in moodalbox but i don't know how to do this. Can you give me some advise, Thanks again. Any help is apreciated.

Similar to comment #190, I want the calendar to appear when the user enters the input field. The suggested solution works, but I want to show the calendar when the user clicks a button/image next to the input field also.

I want the user to be able type in the date or select it from the calendar. Setting the trigger to the input box doesn't let the user type the date. So I'd like to set the trigger equal the button/image and then show the calendar on the focus of the text input. But when I do this, on the focus of the text input, the calendar shows up, but the text input doesn't get updated with the date selected in the calendar.

Suggestions?

<input name="calendarInputField" type="text" id="calendarInputField" onfocus="cal.popup(document.getElementById('clientTrigger'), 'Bl/ / /T/r');" /> <img src="/images/icon_calendar.gif" id="clientTrigger" />

<script type="text/javascript"> var cal = Calendar.setup({ trigger: 'clientTrigger', inputField: 'calendarInputField', onSelect: function() { this.hide(); } }); </script>

If tou go to http://jsbeautifier.org/ and use the jscal.js beautified, IE give this error: row 1686 char 3 object expected pls help!!!

P.S. Sorry for my bad english, but i'm italian ;)

Lol - you want help in hacking this library? How lame are you?

Hi, Thank you for the great tool you have done! I inherited a project and that project used the old tool, so I'm updating it to the new tool and I managed to get the calendar showing up and select a date but I have two issues. The skin on the calendar is for some reason not taking the css if I set matrix or steel. The calendar still displays the inside with a black background as my form but the borders in silver and the days are black as well except of the other months. How can I force a css style. The calendar is a popup not inline btw. The second issue is I want to restrict the selection of the date. They cannot select today or any past date. Any ideas how can I implement this. Is this check on the on select event? Any help is appreciated. Thanks. Jorge V.

Hi,

I managed to set the dates on the calendar and the skin, this examples on the discussion board have good info, it's just a matter of taking some time to find the pieces that apply to my project. Thanks. JV

what is substituted for dynarchpopupCalendar ? I know that might happend in earlier versions, but i'm following a tutorial that uses the dynarchpopupCalendar variable and it fails. What is it called now?

Hi, I tried to use JSCal2 but unsuccesfully and problem is in css. I am using css from blueprint.org and when I add calendar to my page, calendar after pops up is as wide as whole screen. I tried to search, where is problem, but no success.

Btw, older version (1.0) works on the same page correctly.

Thanks, Vladimir

Can abybody help me to modify css, please?

Problemas con Calendar e Internet Explorer.

Buen díaa todos.

Haber si pueden ayudarme, resulta que implemente JSCal2 en un sitio que estoy desarrollando y el problema que se me presenta es en Internet Explorer cuando se muestra el popup del calendario sobre componentes <input:select>, estos componenetes se sobre ponen ante el calendario, es decir los componenetes select se ven encima del calendario, ¿Alguien podría ayudarme?

Gracias.

Hi,

How do you get the week number for a month. For example, there is a function that is getDay(), but no getWeekNumber(). I need to disable certain weeks in my calendar.

HI, How can I send the date selected in a URL like this : myurl.php?datesend="+ dateselected +" in a flat calendar

thanks

I'm using a default css for my pages, but when using the calendar in a page, it's messed up because of my default css. So is there anyway around that?

I was testing Jcal2 to use as date and time pick on one of my applications but I faced with a challenge, if your input field has a date and time value on its value field, calendar does not display the correct date. Like : "08/08/2009 01:00 AM" always displays December 2009 calendar. It does not show the same behavior if you only have date - not time - on input value field. Is there a work around for it.

Thanks in advance

Nuri

I am trying to use the calendar as a popup with an input. All works fine except one small thing. If the input contains a date (typed or hardcoded in html) the first showing of the calendar sets the calendar to he right month but the day stays unselected. If I close the calendar and open it again the day is marked properly. Seen in FF 3.0.14, 3.5.3 and IE 6 (so it doesn't seem to be a browser issue). I tried setting the date and selection but the effect is the same. Anyone has an idea why this is happening?

Hi, I have a requirement like this. just take an example. in December , 31st of Dec. comes Tuesday. 1st of January comes Wednesday.so week number would be 53 for this week. so i need to isolate week at 31st December. upto 31st i need to take a separate week. from 1st of January i need to take another separate week. in that case, definitely week number is 1 from January 1st. hope u will understand this requirement. if not, i'll try to explain more. what i want to know is , is it possible to do this with this calendar.

Thanks, prathiba.

When 24 format time in calender i can't select time like 00:01, 00:34, etc. JSCal2 replace 00 to 12 in input field! Anybody have solution? Or dear developer can fix it?

Hey,

I think there is a problem with the jscal2 1.7. If somebody changes the time (after the date is set) the inputfield doesn't be updated.

Regards

Dmitry, just find and delete this: "||12" in script.

Could anybody help me with those trouble: Calendar created with:dateFormat: "%d.%m.%Y %H:%M". At the first popup calendar opened normally(today). After selecting any date not in december and closing, inputfield filled normally, but on second and other popups calendar opens on december. Code u may see on http://paste.org.ru/?6gahw8

Hi all, i have problem when this script integrated in ASP.Net Page due to post back action Calender.setup method not run.. what is solution on this..please reply quickly...

UPD: this trouble only in google chrome. But before closing in title ~one second wrote "NaN"(onselect-this.hide)as in IE as in chrome.

Hi, ths is a great calendar! I've found a odd bug: When you select a date on a popup calendar the 3rd sunday of october is repeated. Thanks. Leo.

Hi, I believe this relates to a bug which hasn't been fixed concerning when you crossover in to daylight saving time. I don't recall the exact way to reproduce it, but I seem to remember it occurs when your current date is after March 9th but before October, and possibly when trying to find dates after October..

Anyway, the guy here seems to have found the solution: http://jira.atlassian.com/browse/JRA-14952 This should fix the version 1.0 script anyway.. I'm hopeful, got to wait until after March to see if I notice the issue anymore.

I'am very sad to learn that the calendar I used in many opensource project is not free anymore. For me unfortunately this is a no-go.

I am using the following setup for the calendar.

new Calendar.setup({ inputField : "f_date", trigger : "f_trigger", dateFormat: "%B %e %Y, %l:%M %P", bottomBar: true, showTime: 12 });

Lets say the date is October 15th, and the time is 3:35 PM.

I select the date first, October 15th, and then i select the time , 9:00 PM; the value in my date field will be : October 15th 3:35 PM, and not October 15th 9:00 PM, as it should.

The time changes only if i set the time first, and then click on the date.

Am i doing something wrong in the settings ? Is this a BUG ? Is there another way to do what I need ? Because this is the native way for any user to select the date and time, since the time is at the bottom of the popup.

Mihai, intelegi care este problema mea in postu asta ?

Ms mult.

Hello,

When I have a dateFormat like this:

%Y-%m-%d %H:%M:%S => 2009-10-16 19:20:00

My Calendar show December instead of October. The problem is the ':' because when I delete the ':' or remplace by '-' this work... How can I fix it while keep this syntax ?

Hello,

I found a bug. When I select a day from October, the calendar shows two October 10th (tested on FF3 and IE8), and it's the same with the demo you've implemented on this page.

I don't know if this is happening this month only, or even if tomorrow the problem will be solved with the change of current date.

Any suggestions? Thanks in advance.

PD: Great job, by the way!

Hi, I believe this relates to a bug which hasn't been fixed concerning when you crossover in to daylight saving time. I don't recall the exact way to reproduce it, but I seem to remember it occurs when your current date is after March 9th but before October, and possibly when trying to find dates after October..

Anyway, the guy here seems to have found the solution: http://jira.atlassian.com/browse/JRA-14952 This should fix the version 1.0 script anyway.. I'm hopeful, got to wait until after March to see if I notice the issue anymore.

Hello everyone.

First of all, congratulations for your work, i love jscal2, i thinks it's great.

Im trying to solve a bug on firefox and IE8 that shows up only on the month of october.

After picking a date, the day 2009-october-10 appears twice and all the calendar messed up.

It's not only me, the demo calendar have this problem too.

Is this actually a bug??

This problem seems to be pretty ugly.

i hope this report can help you to make jscal2 even better

Thanks a lot

i am looking for a calender (date selector) for my reservations form. i need something that when a specific date is selected, it also allows a time selection. but i need it to be customizable where only certain times are available for certain days. can this calender do that? if not, do you know of one that can? Thanks, Seth

Same problem here. If you select a date (let's say, today), it duplicates date 2009-10-17 on saturday and sunday.

Found the same bug on 1.0 version.

Any clue?

See my post above, I believe that might fix it.

I dont know why when the calendar starts, it show that Oct 20, 2009 is a weekday WED, but when it should be on TUE.

Same happens on my site, but when I click the calendar for the second time, it fixes the calendar in real time.

http://www.dynarch.com/static/JSCal2/index.html

My web site problem: http://www.reservame.net/sindicate/3221/standard/?IDLocal=6749iaohbksgf8xgv5e2d47ogeanl1gx2y79ixy&IDExterno=&cacheLoader=1256009473625

Any ideas?

I've found a bug too! When I select one date from october, it duplicates october 10th. I can see this bug in demo page too. This bug is present on the older version of dynarch calendar. I'm try to fix this bug by myself but I can't find a solution. Please if someone has fixed this problem let me know it! Thanks ;)

I've found the bug source: it is displayed if you have "Daylight Saving Time" activated on your windows clock configuration, when you disable it, the calendar works fine. I hope this help to fix the bug. Thanks. Leo.-

Disabling that configuration solves the problem for now... but i'd like to know if there's a way to fix this without touching the SO configuration...

Thanks anyway, Leo!

Great, guys, disabling daylight saving time solves the problem... but only on WINDOWS machines!!! What about those like me, who has an entire social/educational organization running Linux? or mac? Need help here, folks...

If it's related to the clock configuration under windows, and the bug presented this month, I guess it's related with the hour change on summer/winter... we have to wait for an answer of the developer, I suppose.

Regards!

hi the calender was amazing,

Let anyone help me how to disable future date in the calender im using this for DOB ,so i just dont want user to pick future dates.

Thanks in advance

ERROR:

When entering the date 21.10.2009 for example (in: http://www.dynarch.com/projects/calendar/) in section upports popup mode, then the date is displayed wrong, is 2 times the 9th

Working with window, and the error appears in Internet Explorer and Firefox

PD: sorry if anything is misspelled, use a translator. Please respond to my mail THANKS

Hi, Love the calendar.

I am getting stuck on one thing. I need to redraw the calendar each time the trigger is called as the disabling on dates depends on a date in a text box. It seems to work fine after i have clicked it for the second time just not the first time. Code as follows:

Calendar.setup({

         trigger: "EndDateCalendarButton",
         inputField: "EndDateTextBox",
         dateFormat: "%d/%m/%Y",
         onSelect: function() { this.hide() },
         disabled: function(date) {

             var targetElement = document.getElementById("StartDateTextBox");
             var targetDate = targetElement.value;
             var dateSplit = targetDate.split("/");
             var dd = dateSplit[0];
             var mm = dateSplit[1];
             var yyyy = dateSplit[2]
             var usDate = mm + "/" + dd + "/" + yyyy;
             var myDate = new Date(usDate);

             if (date < myDate) {
                 return true;
             } else {
                 return false;
             }
         }
     });

If you have this global reset rule: * { padding:0; margin:0; } Then, in the top part of the calendar, the year isn't positionned correctly between the left/right arrows.

You need to add this rule to fix it: .DynarchCalendar-titleCont { margin:auto; }

It has been very useful, but this fix only works in title calendar. If you want to work it in the bottom-bar and calendar-menu then you should use the same in .DynarchCalendar table class: .DynarchCalendar table { margin: auto; }

I had troubles with printing the "%j - day of the year (range 001 to 366)". It always showed 2 days less than the real day of the year.

There was a mistake when calculating the difference between: today at midnight and 01/jan at midday.

I tested like this: (today at midnight - 01/jan at midnight) + 1 day.

I think it works fine!

This is the function I had to change:

function C(D) { D = new Date(D.getFullYear(), D.getMonth(), D.getDate(), 0, 0, 0); var ar = new Date(D.getFullYear(), 0, 1, 0, 0, 0); var P = D - ar; // 86400000ms = 24hs return Math.floor(P / 86400000) + 1; }

<b>Again, readable...</b>

I had troubles with printing the "%j - day of the year (range 001 to 366)". It always showed 2 days less than the real day of the year.

There was a mistake when calculating the difference between: <pre><code>today at midnight and 01/jan at midday</code></pre>

I tested like this: <pre><code>(today at midnight - 01/jan at midnight) + 1 day</code></pre>

I think it works fine!

This is the function I had to change: <pre><code> function C(D) { D = new Date(D.getFullYear(), D.getMonth(), D.getDate(), 0, 0, 0); var ar = new Date(D.getFullYear(), 0, 1, 0, 0, 0); var P = D - ar; // 86400000ms = 24hs return Math.floor(P / 86400000) + 1; }</code></pre>

Hello all, when i select 4 second time a day in october, the day 10 appears twice!

Y trying "turning off" my "Daylight Saving Time" box and it´s works well, but plase i need a real solution (by code), if somebody knows how please help me.

Thanks all.

Very nice!!! I'm amazed. Good job!

Hi, i want to ask how i can hide or stop calendar on joomla template, where i can find the code or settings?

Hi, I have some special questions please (I'm a beginner...)? How is it possible : - that each time I click a day, for example I click on 10/30/2009, this load a new page which address will be : http://www.mysite.com/10302009.html - that in this new page, the calendar is set on 10/30/2009 ? I don't know if it's very clear ? If somebody can help me please. Thank you very much

I am using your old version of DHTML Calendar on my site and is having a calendar box pop-up issue with IE8. When I click on the calendar box, the calendar pop up appears way above the page instead of appearing beside the calendar box. This problem only happens in IE8 but works for all the other earlier IE versions and for Firefox, Chrome, and Safari. Is there a workaround for the old version? Will the new version be compatible with IE8? Thanks

Hello the jscal2.js is with 33 KB to big, i dont need features like time, week number, animation. Is it possible to download a minimum version, without features

Hello. Is it possible to reset the calendar to the current date in POPUP mode?! Doing this way

cal.args.date = Calendar.dateToInt(new Date()); cal.args.selection = cal.args.date; cal.redraw();

But nothing happens. The calendar retains the date previously selected by user. Maybe this bug appears because the calendar is invisible when I call redraw() ?

October with errors "POPUP",

after selecting the day, and open the popup for the second time this gives an error on display in the second row.

jscalendar 1.0, hopefully with this I can solve for other versions ...

the error occurs with a time of 00:00:00, in my case I've solved changing the time, I do not occupy the time:

Calendar.prototype._init = function (firstDayOfWeek, date) ( Date.setHours (10); / / here change when

Hello Mihai, Tom and all!

First of all, let me congratulate Mihai for an amazing piece of software (and I have spend hours downloading and trying out most JS calendars out there -- Mihai, you are the best! The second best is based on your work, but it's just too much stuff :-))

I was wondering whether anyone has found a workaround for the selection bug described by Tom. Just a cosmetic deal, I know... but it would make it so much "closer to perfection" :-)

Thanks in advance for your kind help!!

Hi there, I need some assisstance please. Basically I need basic javascript alerts to popup when a user clicks on a disabled date, or tries to move to a month/year that is disabled.

Thanks for such an awesome calender, really has made my life so much easier.

Thanks in advanced for all the help.

Hey guys,

I'd like to highlight dates in your calender, which are in an XML file. The problem is that i havent dealt with javascript so far, so i'm asking you for help!!

Thanks for your anticipation! Greets

iPod Safari browser popup usage of the calendar just opens the calendar and then it immediately fades out and goes away. Figuring it was likely my usage I tried the 'comprehensive demo' page here. On the demo page at the bottom, I clicked the '...' button and the same thing happens there.

I made sure my safari settings were good (no popup blocking, java enabled, etc.)

I use the Jscalendar 1.0 to select date.In the same row,there is a drop down list follow up the calendar button in my case,when I click the button,the calendar pop up,but the drop down list is disapeared.This issue only appears on IE,it work well on Firfox2 and firfox3 . Is it a bug for Jscalendar?

I am using the same version, dropdown lists are getting disabled while clicking on date picker. any help?

Hi!

Is it possible to introduce "week selection" feature in the nearest versions of your calendar? Thank you

Hello

This is just about the most comprehensive js calendar/date picker I have seen. However, I have a requirement that I dont see addressed. It looks like it should be possible, but I dont see an immediate way to achieve it. What I want is this: today and all days before today disabled. ( that bit is easy). The next 3 business days after today, skipping over weekends and marked holidays, will have different display characteristics, and allow click to set a form field as usual, but with a message appearing somewhere if one of those 3 days is clicked. I would have the message appear in a div, but that bit is straight forward. What is not clear, is how to set up this calendar to achieve that. Any help would be greatly appreciated.

Best regards John

How should I do so that the calendar is over the select controls of my form? (Sorry for my Eglish, I'm a damn french frog)

Well in fact I solved it myself, but it's an ugly way : in the .js source, I move an iframe with a z-index at 9999 so that it is between the calendar and the form. So now I have a sandwich with these slices : - form - iframe - calendar.

Where it's dirty : I put the name of the iframe directly in the code.

Here's my code (my iframe is called iframeCalendar), hoe this helps someone : <code> l.showAt=function(P,ax,av){ if(this.showAnim){ this.showAnim.stop() }av=av&&this.args.animation;var aw=this.els.topCont,ar=this,D=this.els.body.firstChild,au=D.offsetHeight,at=aw.style;at.position="absolute";at.left=P+"px";at.top=ax+"px";at.zIndex=10000;at.display="";if(av){ D.style.marginTop=-au+"px";this.args.opacity>1&&am(aw,0);this.showAnim=ap({ onUpdate:function(ay,az){ D.style.marginTop=-az(Z.accelb(ay),au,0)+"px";ar.args.opacity>1&&am(aw,ay) }, onStop:function(){ ar.args.opacity>1&&am(aw,"");ar._showAnim=null } }) } document.getElementById('iframeCalendar').style.display=''; document.getElementById('iframeCalendar').style.left=P+"px"; document.getElementById('iframeCalendar').style.top=ax+"px";

      };l.hide=function(){
      var at=this.els.topCont,P=this,D=this.els.body.firstChild,ar=D.offsetHeight,au=J(at).y;if(this.args.animation){
          if(this._showAnim){
              this._showAnim.stop()
              }this._showAnim=ap({
              onUpdate:function(av,aw){
                  P.args.opacity>1&&am(at,1-av);D.style.marginTop=-aw(Z.accel_b(av),0,ar)+"px";at.style.top=aw(Z.accel_ab(av),au,au-10)+"px"
                  },
              onStop:function(){
                  at.style.display="none";D.style.marginTop="";P.args.opacity>1&&am(at,"");P._showAnim=null
                  }
              })
          }else{
          at.style.display="none"
          }this.inputField=null
          document.getElementById('iframeCalendar').style.display='none';
      };

</code>

Hi, This calendar script is cool and very helpful for me. I need your help for working this on IPhone. Problem is that when click on button then calendar popup open and close immediately. Please open this url - http://www.dynarch.com/static/JSCal2/demo/multipleFields.html Can you please help me?

Regards, Kinjal Shah

Hi all, I gone through the code of Multiple selection of dates without holding SHIFT, I want to store the start and the end date into mysql database,I'm trying it, I don't know how to do it as i'm new to jquery... Can anyone help me..

Hi all, I want to get the calendar as a pop up when i click the image and select multiple dates without holding shift.. I'm trying on it.. But I couldn't get it properly.. Can anyone help me to get it...

Quick and easy question... is there anyway to get this to handle multiple calendars on 1 page?

I want to update the date and time information from server for which i already setup PHP. i am confused from where i can put this information so that i can easily disabled all previous dates. the reason to check sever time is that i don't have to check different time zones..

Hi, i've a question: How can I disable future dates in calendar?

Thank you in advance.

Hi, How can i disable previous dates in a calendar.

Hi Pavithra Hi, did you get the answer for your question (How can i disable previous dates in a calendar)?

Hi, I'd like to use this calendar in a form that sends values in post method, but if I insert the calendar in a form the javascript of calendar does not functon. How can I use the values selected by user if I do not have the calendar in a form? Tks!

I had a similar issue, are you using a popup or embedded calendar?

I'd like to use an embedded version. Had you solved your problem? Thanks for your help!

Hmm... I had mine as a popup... let me look into it with embedded.

With the popup I had to use an image instead of a button to bring up the calendar.

Is your calendar initialize script outside the form?

I want to implement JSCalendar in my web application can you let me know the procedure.

I mean, which files are required?

I have downloaded the JSCal2-1.0, i have called the jscal2.js file in my code but its not working....

Kindly help me out..

Thanks in Advance

I seem to remember being able to select a Time when using the popup control, I cannot get it to work now. I have set showTime: 12 and it's not displaying the time. Was this feature removed?

Hello Richard

Try using showTime: "12"

or showTime: true

Did you bother reading what I wrote, I said I tried showTime: 12 it didn't work.

I did read what you wrote... note the double quotes around the 12... your post did not include those.

I am using the Version 1.0 as it is built in Magento now the problem is that no implementation to apply minimum or maximum range in term of day. As your latest release have everything. but it didn't implemented in good coding style no comments at all.. Even variable naming convention is so poor.. Please submit the newest with better coding style.. If possible..Thanks in advance

I tried both showTime: "12" and showTime: true

like I said before this is on the popup version has that functionality been removed from the popup?

Hi for solution the bug in the dayligth twice date in October, you replace

if (y != 0 && m != -1 && d != 0) return new Date(y, m, d, hr, min, 0);

For

if (y != 0 && m != -1 && d != 0) {

var newDate = new Date();
newDate.setUTCFullYear(y);
newDate.setUTCMonth(m);
newDate.setUTCDate(d+1);
newDate.setUTCHours(hr);
newDate.setUTCMinutes(min);
newDate.setUTCSeconds(0);
return newDate;

}

It worked for me ;)

Greeting from Chile

A change of the time is not reflected unless the date is also changed of re-clicked. In my mind, this is not acceptable for a 'product' that must be purchased. Is this issue currently being addressed?

I found kind of a solution for this tiny date selection bug, described in post #290 and #329.

You can just make the button click itself again. <form name="formname"> ... <button ... name="buttonname" onclick="document.formname.buttonname.click(); ...

For sure this isn't the cleanest solution, but it works quite well. Tested successfully with Firefox 3.5, Safari 4.0 and Google Chrome 2.0.

In Opera 10.00 Beta it is a bit laggy, but also works. In IE there's no reaction to the fix at all, so the calendar can be used as usual.

By the way. Great Script! Great Calendar, such a clean API, such nice animations. And all zipped into about 32KB. Great work!

greetings from europe felix

Thank you for the great calendar. Do you have any plan to add a 'clear' button, so that the user can use mouse-click to clear the date field.

Hi to everybody. I use the popup calendar. In FireFox I had a problem - when I click the button, the calendar is visible few seconds, then it disappears. Help me, pls, with this problem...

I'm designing a page where the calendar is used to select and display a page based on the date. I need to have the textbox and popup show on the right side of the page. No matter what I do in IE, the popup opens the distance away from the trigger approximately 1 full screen width - not next to the trigger. If the calendar is on the left side of the page, the popup opens on the right. If the calendar is on the right, the popup opens "off" the viewable area about 1 screenwidth from where the trigger is. FF is perfect (as usual). Any ideas?

I need to set calendar so that the user may select only from current dated to dates in future. eg. if today is 24 nov 2009 then selection should be allowed onlu from 24th onwards. How could I do that?? Please help in this regard.

Found the answer. just add a disable function in Calendar.setup{ disableFunc: disabled }

function disabled(){ // any criteria on base of which dates need to be disabled. }

Hi! I want user to select only month and year. I guess I need this button always clicked <div class="DynarchCalendar-title" dyc-cls="hover-title,pressed-title" dyc-btn="menu" dyc-type="title"><div unselectable="on">Nov 2009</div></div>

is it possible? thanks

I just downloaded the latest calendar, and I have it on my page, but when I click the button to show the calendar, the calendar shows for a few seconds then goes away. Am I missing something?

Thanks!

I fixed this by using an image as the trigger. i think it's because the <button> code is submitting the form to itself. Another question though. When i pick a date, and it puts it in my input box, and then I click the popup calendar again, it does not default to the date that I picked the first time. It is showing the month as December, and no date is higlighted. I have the dateFormat set to "%m-%d-%Y %I:%M %p", I'm not sure if that's the issue or not though.

More for the comment I posted above, #365, I removed the date format, and then it seemed to show the correct date no matter how many times I clicked on the popup calendar link. I then put my dateFormat back to what I had above, but removed the time portion, and that worked as well. So, there seems to be a bug if you have the time as part of your dateFormat, the calendar doesn't know what date to default to.

I' trying to use calendar. If this is in styled table, this is unusable big, here is screen: http://sklad.obrazku.cz/obr240232_Image1.jpg

Calendar probably takes style from my class table {} How can I style calendar or table for correct showing? (sorry for my english)

I've got the same problem...

When the calendar is inside a table the format gets weird...

Any solutions?

I'm having the same issue. Any solution?

Hi, i'm having a bit of difficulty figuring out how to set the initial date/time in the calendar. i'm using v 1.25 (working on someone else's project here) and i set date in the Calendar.setup params to a specific date/time, but when the calendar opens it always has the current date/time selected. I have also tried to use selection param but to no avail. And I have also tried to set the calendar and then use setDate and setTime methods after it is created. but that also does not seem to work.

So far it seems the only way i can get the calendar to respect a date when it first opens is to populate the text box it is linked with.

I am going to assume i'm doing something wrong, but I'm not sure what. I've seen that a few people above have also asked this question, but they have gotten no replies...

Where we see the next version of this excelent calendar?

I would like to use your calendar control, Our requirement is, open a popup calendar on input control (type is textbox) on click event as well as on focus event. Please help me I have one problem

Sorry my email is wrong.

I would like to use your calendar control, Our requirement is, open a popup calendar on input control (type is textbox) on click event as well as on focus event. On click event is working properly but onfocus not.........

Hi, I want to do the same as you, open a popup calendar on focus event (input control), you did it?

after some work, here is a solution... but sometimes the code prints the current day... I don't know why...

<input id="tx_data" onfocus="cal.popup(document.getElementById('tx_data'), 'Br/ / /T/r');"/> <script> var cal = Calendar.setup({ trigger: "tx_data", inputField : "tx_data", dateFormat: "%d/%m/%Y", onSelect : function(){this.hide();document.getElementById("tx_data").value = cal.selection.print("%d/%m/%Y",""); }}); </script>

thank Carlos, I have solved it, with like this, When we call pop up method directly from onfocus event then, inputField(control in date displayed) control became null, so i reassign date display control to inputField . For that i have written a below code after line no 359 in function (D,at) in jsCal2.js

l.popup = function (D, at) { //=== new code //=== D- pass date control id, //=== at- pass date format if (this.inputField==null) { this.inputField=D;
this.dateFormat = at; at='Bl/ / /T/r'; } thanks once again

Hi!

I think I might have found a bug in the calendar code, version 1.7.

When time is activated, with setup flag: "time : 0000" - according to ISO 8601 time, that should be at midnight. However, the input field after selection shows "12:00" midday.

From http://en.wikipedia.org/wiki/ISO_8601: Midnight is a special case and can be referred to as both "00:00" and "24:00". The notation "00:00" is used at the beginning of a calendar day and is the more frequently used. At the end of a day use "24:00". Note that "2007-04-05T24:00" is the same instant as "2007-04-06T00:00" (see Combined date and time representations below).

Hi, I am a long time user of the previous free version, I am now looking at upgrading to the new version. I am currently experimenting to see how simple the migration will be. In the older version there was a parameter called "displayArea" along with "daFormat" which would allow for a formatted date selection to be output to a <div> aswell as the date selection going to a hidden form field for processing upon submission. I have everything working, I just need to have a formatted date output to a div. Can anyone offer any assistance. Thank you.

Hi, I am a long time user of the previous free version, I am now looking at upgrading to the new version. I am currently experimenting to see how simple the migration will be. In the older version there was a parameter called "displayArea" along with "daFormat" which would allow for a formatted date selection to be output to a <div> aswell as the date selection going to a hidden form field for processing upon submission. I have everything working, I just need to have a formatted date output to a div. Can anyone offer any assistance. Thank you.

Hello, when i open the calendar via a trigger button, the calendar opens but way too wide, its weird, it only happens on one web page, could this be because of an input style?

Thank you.

Not functioning in IE

Hi all,

I have a range of date, Ex : from 20091208 to 20091231, and only monday's are enabled, how can i highlight only monday's??

Any suggestion ?

By the way, nice work for this great calendar ^_^

Hi all,

First, sorry for my inglish. I have a problem only in IE. When start the page IE it show me a error, that say "q.__.data is null...."

My web it's in PHP and my code is: <? echo "<input type='text' id='dataInici' name='dataInici' value='".$dataInici."' size='9' readonly='yes'><br>"; echo "<a href='#' id='calendariInici' name='calendariInici' />Seleccionar data </a>";
?> <script> Calendar.setup({ animation : false, trigger : "calendariInici", inputField : "dataInici", showTime : true, dateFormat : "%d/%m/%Y %H:%M", onSelect : function() { this.hide() }

                });
            </script>

Can you help me?

Thanks for all.

I could fix my error. The error was a special character in language file.

I have developed a simple time entry app using your calendar (which is very advanced) for inturnal use. The app is simple you enter start and stop time on one page, and have the option of modify existing entries. The modify page prepopulates the form with the existing records information.

The way I have the calendar operating is users can only select dates from today and yesterday. So when the form field is emty (which it is on the time entry page) if you happen to select time first it automatically selects todays date (which is perfect). This same function happens in IE 8 on the "modify page" (which is also perfect).

In FireFox 3.5.5, & whatever version comes with opensolaris 2009.06, however if the field has an initial value in the time format of "mm/dd/yyyy" and a ":" and you select time first it for the last week has selected the date 12/12/2009. (which is not a wanted effect). Keep in mind this works in IE 8 exactly the same way on both the "time entry page" and "modify page".

Any ideas?

Or does anyone know if you can limit date by a value I get returned from a record?

Update**

I realized you don't have to pre populate the time field for this firefox bug to popup. All you have to do is select a time, click away from the calendar so it dissapears, and now that there is a time entry in the form box, try and select a time again. Instead of it selecting today, it selects for 12/12/2009.

Any Ideas?

here is my calendar code.

<script type="text/javascript">//<![CDATA[

      var today = new Date(); range = 0; lessday = 2;last=new Date(today.getFullYear(),today.getMonth(), (today.getDate()+range));

    var cal = Calendar.setup({ 
                min: Calendar.dateToInt(today)-1, max: Calendar.dateToInt(last),
                      onSelect: function(cal) {},
                  showTime      : 12,
                  onTimeChange  : function(cal) {
                  //var h = cal.getHours(), m = cal.getMinutes() 
                  // BUGFIX: jsCal2 doesn't automatically update inputField when the time changes.
                  // BUGFIX: Manually updating inputField when time changed. 
                  cal.date.setHours(parseInt(cal.time / 100)); 
                  cal.date.setMinutes(cal.time % 100); 
                  cal.inputField.value = Calendar.printDate(cal.date,cal.dateFormat); 
                }

                });

    cal.manageFields("f_btn1", "stime", "%m/%d/%Y %l:%M %p");
    cal.manageFields("f_btn2", "etime", "%m/%d/%Y %l:%M %p");


  //]]></script>

Hello, it works fine but in ie6 and <select> is not good the select is up the calendar.

Can Any One tell How to Disable All dates Before today ? I wants that From current Date All Previous date Cant Select How can i do that?

Hi, the old calender supported display of multiple months (up to 12 arrangeable in rows and columns as I remember). Does the new Calendar support that too?

Hi, I have to build up a yearly overview with more then one Calendat control. Using 3 control example code everything is fine. Now I tried to create an array of controls. This is working , if I assign elements static. Looping through the year with an index i is creating controls, but selection is not possible. Only the last control is active.

<code> <script src="./jscalendar/calendar.js" type="text/javascript"></script> <script type="text/javascript" src="./jscalendar/lang/calendar-de.js"></script> <script type="text/javascript"> var cal=Array();

function CreateOverview() { var i; for(i=1;i<=4;i++) { document.getElementById("calcont").innerHTML += "<div id='cal_"+i+"' style='float:left'></div>";

  // NOT Working Calendars
  // 
  if (i==1) cal[1]=Calendar.setup({cont: 'cal_1', fdow: 1,date: 20091101, dateInfo : getDateInfo});
  if (i==2) cal[2]=Calendar.setup({cont: 'cal_2', fdow: 1,date: 20091101, dateInfo : getDateInfo});   

  //Also NOT working code
  //cal[i]=Calendar.setup({cont: 'cal_'+i, fdow: 1,date: 20091101, dateInfo : getDateInfo});
} 

// Working Calendars
cal[2]=Calendar.setup({cont: 'cal_2', fdow: 1,date: 20091101,  dateInfo : getDateInfo}); // Creating second Cal in cal_2, this one is working
cal[3]=Calendar.setup({cont: 'cal_3', fdow: 1,date: 20091101,  dateInfo : getDateInfo});
cal[3]=Calendar.setup({cont: 'cal_4', fdow: 1,date: 20091101,  dateInfo : getDateInfo});

}

</script>

<body onload="setTimeout('CreateOverview()',10)"> <div id="calcont" style="width:600px"></div> </body> </code>

Hi!

 I was wondering if it would be possible to click dates on and off, instead of needing to hold CTRL. I saw the range selection method, but unfortunately that's not what I need.

Thanks

I have downloaded the JSCal 1.7 but it doesn't work on firefox, it works well in IE. Does anyone has any idea, whats the problem?

Hello and congrads on this amazing calender. I have a question which I appreciate if you reply.

I am using this date picker twice in one page. The first calender shows the start date and the second calender shows the end date. I copy and paste the code down here as well so it is clear what I mean.

What I need to happen is that as soon as the visitor picks start date, the default value of the second calender jumps to one day after that date. For example if I choose 1/1/2010 as the start date, I want the second calender to jump to 2/1/2010. By the way this is Australian format d/m/Y :) Here is the code: <tr> <td> <span style="font-size:10px"> Start Date</span> </td> <td> <input id="f_rangeEnd" /> <img src="calendar_icon.png" width="15" height="16"id="f_rangeEnd_trigger" /> <script type="text/javascript"> new Calendar({ inputField: "f_rangeEnd", dateFormat: "%d/%m/%Y", trigger: "f_rangeEnd_trigger", bottomBar: false, onSelect: function() { var date = Calendar.intToDate(this.selection.get()); LEFT_CAL.args.max = date; LEFT_CAL.redraw(); this.hide(); } }); function clearRangeEnd() { document.getElementById("f_rangeEnd").value = "";

                };
              </script>
          </td>
          <td align="right">
          <span style="font-size:10px">End Date</span>
          </td>
          <td>
           <input id="start_1" />
              <img src="calendar_icon.png" width="15" height="16"id="start_1_trigger" />
              <script type="text/javascript">
                new Calendar({
                        inputField: "start_1",
                        dateFormat: "%d/%m/%Y",
                        trigger: "start_1_trigger",
                        bottomBar: false,
                        onSelect: function() {
                                var date = Calendar.intToDate(this.selection.get());
                                LEFT_CAL.args.max = date;
                                LEFT_CAL.redraw();
                                this.hide();
                        }
                });
                function clearRangeEnd() {
                        document.getElementById("start_1").value = "";


                };
              </script>
          </td>
       </tr> 

Thank you very much for your support.

Hi great calendar.

When loading a page I need to select dates on the calendar which are stored in DB.

Any easy way of doing this?

php

Ben (Rick), What function did you use to push the date up to the calendar?

I think my question is similar to 394 and 395. The application will have your cal on one side (user can select a date), but also another area where user may pick a date. If user pick the date in the other area, I need to pass the date to your cal so it stays visibly in sync.

Easy?

Hi, I noticed that if I specify a date in the text input field as 1/2/2030, once I refresh the page, and click on the calendar icon, the calendar displays 1930 instead. I verified it works fine for 2029 and 2040+.

I know this version of the calendar is no longer actively supported but wondered if anyone had created a fix/patch for this issue.

J.D.

I need to have a calendar that will limit the users selection to a specific day, lets say Tuesday. The limitations I need to put on the calendar are: User can only select a Tuesday User can only select one date User cannot select past dates Time component is not available

If this can be done then it will meet all of my needs.

dear sir, i need you help.i want change language without use select box. can you tell me which one function change language in jscal2.js thank you advance..! :D by you eang

Hi, I noticed a bug in the calendar script - I have reproduced it on the demo pages, both the old and new js calendar. If you have manually entered a date, eg 24/12/2009 in the date field, click the calendar and then go forward 1 month to january - you will notice the 6th Jan appears twice. Tom.

Hi.

I like this calendar and I prepared Turkish lang file. I hope it will helps its evolution.

Thanks.

Link : http://rapidshare.com/files/325253231/tr.zip

Hello!

I am using the calendar widget, a page is opened in FireFox 2 (pop-up mode of calendar widget is set). When "toggle" property is set to an "input" tag, calendar pops up just fine. But if "toggle" is applied to an image, or a button or any other control - calendar pop-up is shifted far to the right (horizontal scroll appears).

Same thing happens on the demo page of yours.

Can you please advice?

Thank you!

no comments...

how can you make the calendar bigger ?

My default stylesheet has h1 { display:none }

And this seems to suppress the display of the month and week header portion of the popup calendar. Can this be fixed or is there a workaround? Do I have to change my default style sheet?

False alarm. It was just the top of the calendar being cut off. Solved with "align".

At version 1.7 exists major bug here with the Date selector if you are using both Date & Time together in the input field.

For example with format like this: %m-%d-%Y %I:%M %p for the dateFormat.

In Firefox 3.5.7 seems to populate with completely wrong date when popup is opened.

For IE8 it seems to not populate on first open of the popup but a second open seems to populate correct.

There is no workaround this is something JSCal2 does internally and no way to override the behavior.

You may find some problem of calendar body content like ‘year at the top margin’ and ‘today at bottom margin’ are aligned to left instead of the middle of the calendar body in browsers like FireFox and Safari. This is because the css property *{margin:0} is inherited from some other stylesheets. You can solve this by adding a margin:auto to DynarchCalendar table Ie. It is good to use like these

.DynarchCalendar table { margin:auto; border-collapse: collapse; font: 11px "lucida grande",tahoma,verdana,sans-serif; line-height: 14px; }

Instead of

.DynarchCalendar table { border-collapse: collapse; font: 11px "lucida grande",tahoma,verdana,sans-serif; line-height: 14px; }

hello. yesterday i installed this beautiful calendar and had it working fine. i don't think i even changed anything and now it only pops up for a second then disappears, or doesn't pop up at all. any ideas? here's the snippet:

<b>Dates- </b>From:<input id="calendar-inputField-from" size="8" /><button id="calendar-trigger" class="formbutton">...</button> <script> Calendar.setup({ trigger : "calendar-trigger", inputField : "calendar-inputField-from" });

</script>

To:<input id="calendar-inputField-to" size="8" /><button id="calendar-trigger2" class="formbutton">...</button> <script> Calendar.setup({ trigger : "calendar-trigger2", inputField : "calendar-inputField-to" });

</script>

Will be ever fixed the bug with selection of the Month?

Explaination: If you don't select date manually but use the function of calendar.selection object (reset, for example), it just doesn't set the date properly. Month is set to zero.

example:

calend = Calendar.setup (...); calend.selection.reset(20091005);

Just do it and after then try to change date manually. It selects 5th of Jan instead of 5th of October

I have been successful getting the calendar to pop on a main page, but when I use the Spry SpryHTMLPanel call and the calendar is embedded in the loaded page, the calendar will not trigger. I have put the library calls in the main page and the called page (same with calendar setup), no joy. Has anyone seen and overcome this?

Thanks.

Hi, I am from Istanbul, TURKEY.I used js calender at my web project. My problem is turkish characters in javascript file. What can I do ? Will you publish turkish language package. ?

Thanks for all,

Hi, i'm using jscal2 in my webproject. I have a special user exigence : - When I click on 'today', the calendar must go on current month. - When I ckick on a day, the page must change (details page) My problem is I can not have both at the same time (I use onSelect). Is it possible to differentiate the button "today" and click on one day ?

Thanks.

thanks for your great tool! it works really finde. but i have a little problem... I have a link on the dates onSelect : function() {
location.href='http://www.dynarch.com/projects/calendar/'; } the problem is the today-button. if i click it the link is also called and i don't know how to get the information if it was the date of today that was clicked or if it was the today-button.

I'm trying to switch between the old calendar to the new one. I'm struggling with the onUpdate attribute that was available in the old calendar but not in the new one. What can I use instead?

I'd greatly appreciate it if anyone could help me with this.

Thanks!

Hi,

is there any possibility to deactivate the year arrows? Arrows for months for future and past selections should be further existent!

Thanks for help

Hi, I have a problem with the control, if I include the time and use a format like dateformat = '%d/%m/%Y (%k:%M)', and I set some value in the text field that was marked as the input field for the calendar control, like so:

$('calendar-inputField').value = Calendar.printDate(new Date(), dateFormat);

if I then open the control, it is opened always on the month december of the year that was put in the input field control. If I leave the time out, like: dateformat = '%d/%m/%Y', and then open the calendar control, it is opened in the expected month. Is this a bug or am I overlooking something?

I'm having same problem. Help anyone?

Hi folks

First, Congratulation for this great JS Calender (Y).

But i have 2 question an one problem.

First, the problem.

I "calibrate" my site in CSS with:

• { margin: 0; padding: 0; }

Then, my calender is looking this:

http://img682.imageshack.us/img682/7332/calenderi.jpg

Now, the question.

In the documentation is standing:

Highlight special dates, date tooltips

The examples there are ever with the exact dates. My Special Dates are all weeks. Perhaps, every Thursday is the event xyz.

Is it possible to do that?

Question two:

Is it possible to disabled the dates in the past? That i only can click today or in the future.

Thanks very much for helping and sorry for the bad English :S

Regards Simon

Hi Mihai, I took your calendar and tried to modify it for my needs.

First of all, i'll say that theonly thing i hate about your calendar is the javascript code i must use inside my html document to make the calendar to work.

So i pushed it a bit further.

you do something like this: <input id='Date'><button id='trigger'>...</button> <script type="text/javascript"> new Calendar({ inputField: "Date", dateFormat: "%B %d, %Y", trigger: "trigger", bottomBar: false, onSelect: function() { var date = Calendar.intToDate(this.selection.get()); this.hide(); } }); </script>

Now i notice that we use 2 elements (inputs) a bit pointless.

The trigger and the field can be same element: <input type='text' id='Date' value='".date('Y-m-d')."'> // just use current day if form just loaded // here the eternal script: <script type="text/javascript"> new Calendar({ inputField: "Date", dateFormat: "%B %d, %Y", trigger: "Date", bottomBar: false, onSelect: function() { var date = Calendar.intToDate(this.selection.get()); this.hide(); } }); </script> this works just fine by clicking the input field to start the calendar (anyway you'll click it to change date;-))

so my next step was to get rid on the script in the page: 1. Assigned an event to my date field: <input type='text' id='Date' value='".date('Y-m-d')."' onclick='SomeFunction(this.id)'> // pass input id in to provide trigger and inputField to your callendar setup function 2. Created a new js file called triggers.js inside of it i defined some ways to start the calendar; example: function StartCalendarBig(id){ new Calendar({ inputField: id, dateFormat: "%Y-%m-%d", trigger: id, bottomBar: true, showTime: 24, weekNumbers: true, onSelect: function() { var date = Calendar.intToDate(this.selection.get()); this.hide(); } }); }

function StartCalendarSmall(id){ new Calendar({ inputField: id, dateFormat: "%Y-%m-%d", trigger: id, bottomBar: false, weekNumbers: false, onSelect: function() { var date = Calendar.intToDate(this.selection.get()); this.hide(); } }); }

and voila! your code now in the page is this: (note that my stylesheet combine all the stylesheets you provide; a calendar is a calendar i use it same everywhere i put it; i saved a speciffic style sheet for each color theme - in my example here Cal_Dhtml_217_steel.css has inside jscal2.css amd then border-radius.css and then steel.css. all images u used sit in a img folder inside my css folder (updated all css url to this one)

javascript Cal_Dhtml_217.js has inside at first the content of your jscal2.js and then the content of en.js as language

// anyway i did all this to compact your fabulous calendar and to let me uset by adding 1 stylesheet in the header and 2 js files )

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="Css/Cal_Dhtml_217_steel.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="Javascript/Cal_Dhtml_217.js"></script> <script type="text/javascript" src="Javascript/triggers.js"></script> </head> <body>

<table> <tr> <td> <input type='text' id='Date' value='".date('Y-m-d')."' onclick='StartCalendarSmall(this.id)'> </td> </tr> </table> </body> </html>

// and works absolutely perfect everywhere.

// here's where i got stuck: i wanted to switch the trigger on a td

example: <td onclick='StartCalendarFromTd(this.id)' id='Td_1'> <input type='text' id='Date_1' value='".date('Y-m-d')."'> </td> now up in the triggers.js i wrote this function: function StartCalendarFromTd(Td_Id){ here i do a simple logic to rearrange the field and the trigger: var RealId=Td_Id.split(''); var FieldID='Date'+RealId[1];// this gives us Date_1 var TriggerID='Td_'+RealId[1];// this gives us Td_1 new Calendar({ inputField: FieldID, dateFormat: "%Y-%m-%d", trigger: TriggerID, bottomBar: true, showTime: 24, weekNumbers: true, onSelect: function() { var date = Calendar.intToDate(this.selection.get()); this.hide(); } }); }

//and should work very well IE's doing it no problem but Mozilla Firefox won't start the calendar on the first click on the cell. ONLY from the SECOND CLICK!!!! What a heck?! took the script from header (StartCalendarFromTd function) and echo it as you do inside the cell. Fantastic Firefox start working from first click!!! IE no changes works well.

I guess my question is: can you figure it out whay this behaviour in Firefox? thx a lot and i hope my ideea will help you in any way.

a small mistake there in the function StartCalendarFromTd:

instead of: var RealId=Td_Id.split(''); should be : var RealId=Td_Id.split('_');

Hello everybody. i need an advice. A'm using two frames vertical and horisontal. Calendar is located at the vertical one, when i am clicking on calendar it appears but goes under the second (horizontal) frame, how can i make that calendar always be on top in this situation? See screenshot. http://www.imagebam.com/image/62f36066346622

Hi, great date/time picker! I need to have the the initial zero present when a number is below ten in the 24 hr clock IN THE BOX THAT IS AUTOMATICALLY POPULATED below the calendar when the time is selected. I tried using the example called "zero-pad them", but I just can't get it to work. Below is the code that I am using and everything works great, except I'd like the times like 8:05 AM to read as 08:05, and not as 8: 5.

// this handler is designed to work both for onSelect and onTimeChange // events. It updates the input fields according to what's selected in // the calendar. function updateFields(cal) { var date = cal.selection.get(); if (date) { date = Calendar.intToDate(date); document.getElementById("f_date").value = Calendar.printDate(date, "%m-%d-%Y"); } document.getElementById("f_hour").value = cal.getHours() document.getElementById("f_minute").value = cal.getMinutes()

    };

    Calendar.setup({
            cont         : "cont",
            min          : Calendar.dateToInt(new Date()),
            showTime     : 12,
            onSelect     : updateFields,
            onTimeChange : updateFields,


    });

  //]]></script>

It's possible, select multiple dates without holding the control key?

I didn't can find this option in the documentation.

hello Can anyboby help me I just want to set default date on calendar

Calendar position is not aligning correctly in a scrollable div

I had the same problem in explorer (firefox, chrome etc were fine) The problem ended up being that the script calling was happening before <head>, (dynamic page, and the header call was not in the right place). So check to be sure that : <link rel="stylesheet" type="text/css" href="/JSCal2/css/jscal2.css" /> <link rel="stylesheet" type="text/css" href="/JSCal2/css/border-radius.css" /> <link rel="stylesheet" type="text/css" href="/JSCal2/css/gold/gold.css" /> <script type="text/javascript" src="/JSCal2/js/jscal2.js"></script> <script type="text/javascript" src="/JSCal2/js/lang/en.js"></script> are between <head> and </head>

hello,

hello there,

I look to do this in virtuemart :

picture here : http://img193.imageshack.us/img193/4866/dhtmlcalendar.jpg

.. I look to the code that insert a celendar just here ( see image ), so people can select date and it appear directly in the field.

thanks.

JSCalendar 1.7 have a bug into function parseDate. If value of container like as format '%d.%m.%Y %H:%M', function parseDate return month December, because splitted array has empty value. My simple solution look as y.parseDate = function(au,D,aw) { ... for(var at=0;at<az.length;++at){var aA=az[at]; if (!aA) break; /*<-- this fix! */ ... } .. }

What exactly is the fix? I'm having this problem.

look this http://scarych.ru/txt/calendarfix.txt

Thank you alot this totally works for "december" bug!! xD

what is "december bug"?

It works with FF 3.6 ! Thanks.

too many bugs in Firefox .... It can not get the date from a input field correctly,

and even under IE8, if there are two calendar on the same page, the second one's first show will display the first one's date.

How does this calendar use in ASP.net to link text box? does someone have a demostration?

I'm using multiple select. In FireFox, selection.getDates() returns an array of javascript Date objects, as documented. However, in IE7 selection.getDates() returns an array of objects that are not javascript Dates.

I was able to work around it with this:

var dates = cal.selection.getDates(); for (var i in dates) { var theDate = dates[i]; if ( ! (theDate instanceof Date) ) { // workaround for MSIE theDate = new Date(theDate.toString()); } .... }

I noticed in post 433 that you are working on some fixes. Is this being fixed in your next release?

Hello,

I use JSCal2, version 1.7 Built at 2009/07/16 08:37 GMT

found a bug, easily reproducible using demo samples on your site.

Steps to reproduce: Using popup calendar, 1) select a date using popup calendar 2) edit selected date in input field manually, f.e., change month 3) click on calendar Voila: the opened calendar has not selected the date from text input click outside of calendar, it closes. Open calendar again, correct date is highlighted.

Hi, Can anyone tell me how I can get the current selected month and year from the calendar when the month or year is changed. ie. OnChange {......?

I need this to set calendar events for the selected month.

Is it possible to have multiple events under one date? for example, if in the morning, i had a meeting, and the evening i had a party, could this be listed as 2 seperate events on the calender, so when i click on the date, the tooltip would display both, as it currently only displays one.

Hello,

First of all, thanks for your work, it helped me a lot :)

For one of my projects i would like to store different dates, and all those dates come from jSCalendar. The idea is to create an instance of the calendar and, as soon as the users selects a date, this date will be added on the right (cf Doodle execution)...

Can anybody help me on that?

Thank you very much !

Hi, I want to Disabling dates in 1.5 version of JScalendar is it possible? how can I do?

thanks

Hi,

Great work !!! In chrome not able to see the window Title for date time picker(it shows untitled). Please let me know how to fix this.

Thanks

Hi,

I want to highlight the week like in the class .DynarchCalendar-hover-week but on the event of select a day

Hi. I have 2 question. 1. How do I count the number of selected days (i want put in JS maxDay = 3 and when user select 3 days all fields is disabled). 2. How can I automatically select the date? - when I have selected date in mysql when I visit my site I want see what days are selected.

PLS help with this.

Hi, I want to Disabling future I would like to disable future days than at present is it possible? how can I do?

thanks Plese help me

Hi, does anyone have any suggestions to restrict the count of selected dates. I would like to restrict users to only 3 dates and ignore all subsequent selections. If I use unselect on the 3rd member of the array, it removes the greatest chronological date not the last added. Any suggestions appreciated. Thanks

Hi.. I try with count days and I have this code: LEFT_CAL.addEventListener("onSelect", function(){ ile = licz(); if (this.selection.countDays()>ile) { this.selection.unselect(this.selection.getLastDate()); alert('to much.'); } }

I U want disable future date use MAX :) like this: var LEFT_CAL = Calendar.setup({ cont: "cont", bottomBar : false, min: tod, max:mie6, //mie6=20100220 weekNumbers: false, selectionType: Calendar.SEL_MULTIPLE, showTime: false })

How I can disabled this date type: 2010/02/25 -> 2010/02/26

PLS help

How to make <img> instead of the <button> in multipleFields.html(demo) like in old version? <input size="30" id="f_date1" /><button id="f_btn1">...</button>

doenst it work?

<img src="image.jpg" onclick="return false" id="f_btn1" />

I NEED HELP FROM ANYONE!!! Please, can someone explain to me of how to implement this calendar on VirtueMart v 1.1.14! I need it so that the customer can select the departure date and arrival date. Please someone help me in a well written guide. PLEASE!! Please help me and email me.

if add style: <style> TD { background-color: #edf7ff; font-family: Tahoma, Arial; font-size: 8pt; color: #003471; } </style>

calendar bad style!

Hello to all, is it possible to disable multiple date intervals? I would like to use the jscal as an avaiability calendar for hotel. Thank you

I dont think that is possible right now with this version... anyone did it?

Hello again! Is it possible to select a week just clicking a day (single selection)? Tank (more strong without h :D) you!

Hi Mad, did you found a solution? I am interested. TANK you too! :D

How i can control alignment of calendar based on current viewable area of browser?

Mmmmm maybe you can try to give a float:left or float:right to the calendar container, or "margin:0 auto" to put it on the middle, it depends on the way your layout is structured.

I don't know how to select a date and somehow make it available to php. Like if I select the date on the cal, it would refresh the page and put the date in a GET variable on the URL. Then I could grab it.

Any ideas.

Hi Chris, you can do in this way:

var yourcalendar = Calendar.setup({ cont: "yourdivname", onSelect: function(yourcalendar){ var yourdata = yourcalendar.selection.get(); ... 1) you can put here your ajax function to call a php page passing the yourdata var as GET (or POST) 2) you can fill an hidden form field in any way you like, in example: yourform.yourhiddenfield.value = Calendar.printDate(yourdata, "%e-%o-%Y"); } }

;)

Thanks for your response. I did figure it out another way and wanted to post it. I current use a Zapatech calendar that I bought and wanted a replacement that was faster to load. This sure looks better.

<script type="text/javascript"> Calendar.setup({ selectionType : Calendar.SEL_SINGLE, date : <?php echo date('Ymd',strtotime($SESSION[caldate])); ?>, selection : Calendar.dateToInt(new Date()), showTime : false, fdow : 0, inputField : "calendar-inputField", trigger : "calendar-trigger", onSelect : function() { var date = this.selection.get(); date = Calendar.intToDate(date); date = Calendar.printDate(date, "%Y-%m-%d"); var url = "../schedule/daily_schedule.php?cal_date=" + date; window.location = url; }

  });

Ahhh window.location = url!! well done ;)

Is it possible to display two months simultaneously in this calendar control? If so how could we achieve that?

I think that the better way is to use two near calendars and use js to control the month change, selected date etc.

Better way... maybe the only way? I hope not :)

hi, i would like highlight all my dates from sql database.

but it only shows always the first one....how can i make it show all... ithink there must be somewhere a loop

this $sStart is from db in if (as_number == {$sStart})

function getDateInfo(date, wantsClassName) { var as_number = Calendar.dateToInt(date); if (as_number == {$sStart}) return { klass : "highlight2", tooltip : "<div style='text-align: center'>This is the green week</div>" }; return DATE_INFO[as_number]; };

Uhmm..can you give me more detail about that? i think there is some problem with a return, that stop the function, but i have to know much more about your "if conditional" to help you ;)

ok thx for quick answer: i want that all dates from event start are highlighted in the calendar.

this is my query from db with all event starts and transformed that the date is shown like 20100304:

$sQuery = "SELECT * FROM events_main WHERE Status = 'approved'";

  $rBlogs = db_res( $sQuery );

  while( $aBlog = mysql_fetch_assoc( $rBlogs ) ) {

    $sStart = date("Ymd", $aBlog['EventStart']);
    $sTitle = $aBlog['Title'];

  }

and this is the script from your calendar: <script type="text/javascript">//<![CDATA[

    var DATE_INFO = {
            {$sStart}: { klass: "highlight", tooltip: "%Y/%m/%d<br />{$sTitle}" }
    };

    function getDateInfo(date, wantsClassName) {
            var as_number = Calendar.dateToInt(date);
            if (as_number == {$sStart})
                    return {
                            klass   : "highlight2",
                            tooltip : "<div style='text-align: center'>Next Event</div>"
                    };
            return DATE_INFO[as_number];
    };

    var cal = Calendar.setup({
            cont     : "calendar-container",
            selection     : Calendar.dateToInt(new Date()),
      animation : false,
      weekNumbers   : true,
    selectionType : Calendar.SEL_MULTIPLE,
            dateInfo : getDateInfo,
      onSelect      : function() {
      var count = this.selection.countDays();
      if (count == 1) {
          var date = this.selection.get()[0];
          date = Calendar.intToDate(date);
          date = Calendar.printDate(date, "%Y/%m/%d")
    var url = "/events/browse/" + date; window.location = url;
          $("calendar-info").innerHTML = date;
      } 
  }

    });

  //]]></script>

Chris, what is the result of {$sStart}?

P.S. are you using Smarty engine?

Great script! Quick question; how do I disable time on the calendar? The calendar-setup.js reflects param_default("showsTime", false); yet time is still visible on the calendar.

take a look if you got this on your calendar setup script on your html/php

showTime : 12,

then delete it!

I would like to user Calendar in APS.NET. The code as ------Materpage.master-----

<head id="Head1" runat="server"> <title>JsCal2</title>

  <script type="text/javascript" src= "JSCal/src/js/jscal2.js"></script>
  <script type="text/javascript" src= "JSCal/src/js/lang/en.js"></script>

  <link rel="stylesheet" type="text/css" href= "JSCal/src/css/jscal2.css" />
  <link rel="stylesheet" type="text/css" href= "JSCal/src/css/border-radius.css" />
  <link rel="stylesheet" type="text/css" href= "JSCal/src/css/gold/gold.css" />

</head> <body> <asp:Label ID="Label1" runat="server" Text="MasterPage" BackColor="#80FF80" Font-Size="55pt"></asp:Label> <form id="form1" runat="server"> <div> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </div> </form> </body> </html>

----Default.aspx----- <%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <p> To save memory, you can use a single (popup) calendar object to manage multiple input fields. The following sample shows you how to do it. </p>

  <asp:TextBox ID="f_date1" runat="server"></asp:TextBox><button id="f_btn1">...</button><br />
  <asp:TextBox ID="f_date2" runat="server"></asp:TextBox><button id="f_btn2">...</button><br />
  <asp:TextBox ID="f_date3" runat="server"></asp:TextBox><button id="f_btn3">...</button><br />
  <asp:TextBox ID="f_date4" runat="server"></asp:TextBox><button id="f_btn4">...</button>


  <script type="text/javascript">        //<![CDATA[

      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() }
      });
      cal.manageFields("f_btn1", "ctl00_ContentPlaceholder1_f_date1", "%Y-%m-%d");
      cal.manageFields("f_btn2", "ctl00_ContentPlaceholder1_f_date2", "%b %e, %Y");
      cal.manageFields("f_btn3", "ctl00_ContentPlaceholder1_f_date3", "%e %B %Y");
      cal.manageFields("f_btn4", "ctl00_ContentPlaceholder1_f_date4", "%A, %e %B, %Y");

      //]]></script>

</asp:Content>

When I click to button there is error :

Microsoft JScript runtime error: Object required and debug to

aw=/input|textarea/i.test(P.tagName)?P.value:(P.innerText||P.textContent);

Would you please help me.

Thanks in advance

Thang

Looks great. Question though on the time entry. Is it possible to allow the user to also type into hour and minute box? A spinner just isn't quite as fast as just hitting the keyhboard number.

Thanks!

As per comment 107, I am having the issue with the calendar closing when the user clicks a disabled date. This only happens in Firefox, all versions of IE leave the calendar open which is the behaviour I'm after.

Any help on this is appreciated.

what are the ifformats supported?

Kartheeswari, what do you mean for "ifformats"?

I am trying to implemnent the calendar control on an internal website and am following the directions on your page http://www.dynarch.com/projects/calendar/doc/. I am getting the following error: Microsoft JScript runtime error: 'q.__.data' is null or not an object which is in the jscal2.js file. Any help would be appricated.

Lee

Okay, I fugured it out. It was my referenced paths to the .js files. I think I am good to go for now. Very cool control.

Okay, new issue, I'm trying to pass the selected value to the innerHTML of the dive tag and am getting an object required error message. Any help? Here is my code:

<div id="StartDate_calendar_container"> </div> <div id="StartDate_calendar_info" style="text-align: center; margin-top: 0.3em"> </div>

                      <script type="text/javascript">
                          var startDateCalendar = Calendar.setup({
                          cont: "StartDate_calendar_container",
                          selection: Calendar.dateToInt(new Date()),
                          onSelect : function() {
                                                      var date = this.selection.get();
                                                      date = Calendar.intToDate(date);
                                                      date = Calendar.printDate(date, "%A, %B %d, %Y");
                                                      $("StartDate_calendar_info").innerHTML = date;
                                                  } 

                      });
                      </script>

I'm getting the error on the .innerHTML line.

Let me think about that... try this: onSelect : function() { var date = Calendar.intToDate(this.selection.get()); date = Calendar.printDate(date, "%A, %B %d, %Y"); alert(date); } Check with alert if the result is correct, if not so try to change this "%A, %B %d, %Y" with "%Y-%o-%e" just for try, ok?

Let me know if it works or not ;)

Yep, got it to work. Thanks, Lee

i am the webmaster of a small dart community and we are looking for a calendar for just putting up small things. I am curious why this script comes up in all free calendar searches, but the site says it is not free? I downloaded something and it seems to have alot of info and posibly everything needed, but im not sure why the code was given and it is also stated that we must purchase a license.

I am confused

i am the webmaster of a small dart community and we are looking for a calendar for just putting up small things. I am curious why this script comes up in all free calendar searches, but the site says it is not free? I downloaded something and it seems to have alot of info and posibly everything needed, but im not sure why the code was given and it is also stated that we must purchase a license.

I am confused

Sorry for the double click there. Can you remove this post and one of the doubled posts. thx

Hi, I've just spoted a major bug in your calendar. Please see the calendar pop-up in the first page, the one right under "Features". Pick any day this month and then close the calendar, leave the date selected in it return and do the same thing. You'll notice that all days will be off and th will become fr, sat -> sun and so on. This month the day of 27 will be also in sat and in sun. Hope it helps

Hi, Still me. I thought i should test it again, maybe i was wrong, but no the same thing.The prob is if the input has a default date in it all the calendar will be messed up. If the date is displayed along with the time is no problem. I think you should check this up. The old one has the same issue too.

Mmm very good Alex, "big" bug in the bag! I hope it will fixed soon :)

One question to you (and other users, obviously), are you trying to use the calendar for a booking system?

I am doing it, but with problems... i am using it in a apartment rental system.. Two calendars, one for check-in and second for check-out.

Maybe do you know how to disable dates of all apartments rented?

thank you ;)

Sisterbagz.com provides The World Best Replica Handbags,Louis Vuitton Handbags,Chanel Handbags,Gucci Handbags,Hermes handbags,valention handbags,chloe Handbags,,Balenciaga Handbags,Prada Handbags,Miu Miu Handbags the latest designs, We offer one of the best collections of Handbags Fake Bags at discount prices,Online Store -www.sisterbagz.com.

I think this is not the right place to spam...

Yeah i've noticed the same bug Alex was talking about.This makes the calendar unusable. The shifting of dates is making a big mess in the hole calendar. I hope someone will look into it and fix it!

I know that IE6 is dead, but there is a client of mine that still uses IE6 in his corporation and there is a BUG in the last version of the calendar. If there is a select box under the popup calendar, it overlays the calendar and off course you cannot select the dates under the select box.

Is there a plan to fix this issue?

DAG, try to apply an high z-index value (in ex. 9999999) to the main calendar css class. Maybe it will solve the problem, but i am not sure of it ;) Let me know if it works, ok?

That was the firs thing I tried... But it does not work :(

Hi Can I use the calender to provide me Islamic Calender support the 'English Hijrah'

Thanks and REgards

Saji Pillai

veryy goood calender . but when i change time zone in my laptop to (GTM+02:00 cairo ) i have some problems at:

• 2010 April Month from days (29,29,30)

• 2011 April Month from days (28,28,30)

check it

thanks

Hi everybody i've modified index.html in this version. I would like to know if it is possible to put a calendar near another calendar. I've traied to put float:left everywhere in the css file, but nothing. Can you help me?

Best work, bye

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link type="text/css" rel="stylesheet" href="src/css/jscal2.css" /> <link type="text/css" rel="stylesheet" href="src/css/jscal3.css" />

<link id="skinhelper-compact" type="text/css" rel="alternate stylesheet" href="src/css/reduce-spacing.css" /> <script src="src/js/jscal2.js"></script>

  <script src="src/js/lang/en.js"></script>
  <link type="text/css" rel="stylesheet" href="mycalendar.css" />
</head>

<table> <tr><td> <table width="300px"><tr><td> <h3>1 - 2</h3>
</td></tr><tr><td> <div id="cont" style:"float:left"> </div> <script type="text/javascript"> var LEFT_CAL = Calendar.setup({ cont: "cont", weekNumbers: false, selectionType: Calendar.SEL_SINGLE, //showTime: 24 //titleFormat: "%B %Y" }) </script>

<form method="post" action="test.php"> </td></tr><tr><TD> <br> <br> <input type="radio" name="time" value="1" checked>7:00 <input type="radio" name="time" value="2">9:00 <input type="radio" name="time" value="3">11:00

<input type="hidden" id="f_selection" name="PM"> <script type="text/javascript">//<![CDATA[

                LEFT_CAL.addEventListener("onSelect", function(){
                        var ta = document.getElementById("f_selection");
                        ta.value = this.selection.print("%d/%m/%Y");

      });


              //]]></script><div class="clear"><!-- --></div>    

</td></tr></table> <td><table width="300px"><Tr><TD>

<h3>2 - 1</h3> </td></tr><TR><TD> <div id="cont" style:"float:left"> </div> <script type="text/javascript"> var LEFT_CAL = Calendar.setup({ cont: "cont", weekNumbers: false, selectionType: Calendar.SEL_SINGLE, // showTime: 24 // titleFormat: "%B %Y" }) </script> </td></tr><tr><td> <input type="radio" name="time2" value="1" checked>8:00 <input type="radio" name="time2" value="2">10:00 <input type="radio" name="time2" value="3">12:00

<input type="hidden" id="f_selection2" name="MP"> <script type="text/javascript">//<![CDATA[

                LEFT_CAL.addEventListener("onSelect", function(){
                        var at = document.getElementById("f_selection2");
                        at.value = this.selection.print("%d/%m/%Y");

      });


              //]]></script>

</td></tr></table></td></tr><tr><td>

    <input type="submit" value="Controllo></form>

</td></TR></table> </body> </html>

@ Roberto Cantaro - Post #489

the result of {$sStart} are all Dates where are Event inserts in database transformed in the format from the calendar f.e. 2010-02-13

it is dolphin.

so i want that all dates on the calendar are marked where are events in database, like your normal "highlight"

Hi,

I want to display Islamic calendar with islamic dates. How to display using jscal? can you please help me?

Hi,

I try to run JScalendar on the back office of my website, however it's seems that there is an issue when the calendar's div appear, i don't understand how to fix this bug, could someone help me.

example: http://img204.imageshack.us/img204/1055/caly.png

Hi Garnier, the same bug appears in firefox? If yes, then you can install and use the firebug plugin there to see the problem ;)

Hy,i would like to disable multiple dates on select and want to store that values in my db for my future use