Softricks.com: Javascript Popup Date Picker: History

Modification History:

v1.0

1st Jan 2000 (Popup date picker).

v1.2

Added Navigation buttons, and Print capability.

v1.21

Bugfixes, Highlighted Weekend days.

v1.22

Includes first days for the next month (grayed-out) in the month view (after the last day of the month).
Added support for MONTH DD, YYYY format.
Fixed a bug. Year/Month values were assumed to be passed as strings.

(dt: 09/13/2000) (Version posted on Javascript.Internet.com)

v1.3

Bugfixes
Can work as a popup or INLINE calendar with an extra parameter.
Better looks. Border, Title, Background all added and customizable.

(dt: 09/25/2000)

v1.4

Added code to close the Inline calendar (just as popup), when the user selects a date.
User can keep the calendar open or close it every time he selects a date.
Calendar can now replace the value in the text item or append to it. Useful if you want to select multiple dates. Keep it open and select dates one by one.
Calendar can now return Day-Of-Week instead of date (default is date).
Pass other customization parameters to the Calendar using a 6th argument to show_calendar function. The argument is of the form "name1=value;name2=value2;...". Valid names include -
1. CloseOnSelect=Yes/No;
2. AppendOrReplace=Append/Replace;
3. AppendChar=;;
4. ReturnData=Date/DOW; (Date or Day-Of-Week)
5. InlineX=[X-Pos]; (X-Posn for INLINE Calendar)
6. InlineY=[Y-Pos]; (Y-Posn for INLINE Calendar)
7. Title=[Calendar title] (Title for Calendar)

(dt: 11/09/2000)

v1.5

The INLINE Calendar can now be DRAGGED and positioned ANYWHERE on the page that displays it.
New 'CurrentDate' value parameter in the p_custom parameter, displays the calendar with this date highlighted.
New 'AllowWeekends' value parameter in the p_custom parameter, prevents a user from selecting a weekend date.
Pass a date to the calendar, AFTER WHICH YOU WANT TO ALLOW USERS TO SELECT a date. Users will not be able to select a date BEFORE this specified date!
New 'Resizable' value parameter in the p_custom parameter, that allows resizing of POPUP calendar window if required.
Pass 'Width' / 'Height' parameters to resize the POPUP window as per your requirements at the very beginning.
Removed Modification History from the script file to make it smaller in size.
You can now display the calendar in languages like French and have the selected date returned in English.
Yearly Calendar Bug-fix (onClickFn)

(dt: 12/15/2000)

v1.51

Support for layers included with a new value parameter in the p_custom parameter called 'NSHierarchy'. Required only for Netscape if the HTML form is placed inside a DIV/LAYER tag.

(dt: 12/29/2000)

v1.6

Now you can specify your own Javascript function that will be executed after you select a date from the calendar. This will enable you to things like splitting the date returned by the calendar into 3 different fields in your form besides being able to trigger some other checks and functions as soon as the date is selected.
A 'SelectBefore' parameter on the same lines as the 'SelectAfter' parameter - on demand! This will let you prevent the users from selecting dates AFTER a certain date (as against preventing users from selecting dates BEFORE a certain date in case of the 'SelectAfter' parameter.
A fix for popup calendar - if the calendar is opened and you click on the calling page, the calendar window loses focus. When you try to open the calendar again, it does not regain focus. This version fixes this problem. (Submitted by one of the users of this script - Juan Novoa - Thank you for your contribution!)
Open the popup calendar at any position on the screen using PopupX and PopupY settings.
And as usual, support for more date formats as per the requests received.

(dt: 05/03/2001)

v1.62

Major Bugfix: Dragging the INLINE Calendar in IE was buggy. The problem was with finding the absolute position in IE when a page gets scrolled. Applied a new formula to compute the position of the layer to fix this.

(dt: 05/29/2001)

v1.7

The calendar is now Netscape 6 Compatible !!
Now you can either make the calendar moveable or pinned to the page using a checkbox!
Year/Month navigation from the calendar window just got smarter! Now you can JUMP to any particular month or year - right from the calendar window using a drop-down for month and a textbox for the year. Just ask for this feature by setting 'SmartNav' to 'Yes' in the custom parameter of 'show_calendar' function.
Now you can turn on/off the navigation bar with a 'Nav' setting in the custom parameter of 'show_calendar' function. Just for those who do not want to give the navigation feature to their users.
Support for 'Today' while specifying input dates.
Enhancement: Thanks to one of our contributors - Mr. Stefaan Deman, we have an enhancement in our code that handles the date format logic. It has been simplified and can now support any format without having to change code!

(dt: 06/12/2001)

v1.8

The Calendar can now start with the date (if present) in the target item. The calendar will start with CurrentDate only if the target item does not have a date in it. If it does have a date in it, the calendar will start with that date.
START YOUR CALENDAR WITH ANY DAY!!! This calendar can start with ANY day of the week from Version v1.8... Your week starts with Monday, so make your calendar start from Monday or any other day (say Saturday?) for that matter!
Now the INPUT dates to the calendar can be IN YOUR GIVEN FORMAT too! The calendar will completely work with your date format. Upto this version the specified date format was applicable only to the return date. The input date(s) were required to be in MM/DD/YYYY format. This restriction has been lifted. The date format you specify will work across all dates handled by the calendar now.
When you press Enter on the year textbox in the smart navigation bar in IE, it does not currently switch the year. Only pressing Tab can do it. This has been fixed.
Bug : (versions v1.51 to v1.7) - Popup calendar used to open in separate windows every time month/year was incremented/decremented from the calendar window. This version fixes that bug.
Bug : (version 1.7) - If the calendar was opened and a date was selected, it could not be opened again. Used to result in an error message.
Bug : (versions 1.51 to v1.7) - If the calendar was opened using show_calendar function with null value for the month/year, the Month name on the calendar used to appear as 'undefined'. This has been fixed.

(dt: 06/27/2001)

v1.81

IE5.0 bugfix - Javascript implemented in IE5.0 does not have the push method for Array object. The bugfix was provided by Pierfrancesco Bionda.

(dt: 07/17/2001)

v1.82

Bugfix for a Y2K issue with YY date format. A starting date of 01/01/01 starts the calendar with Jan 1901. A window has been created with -50 and +50 around year 2000. All years above 50 will be treated as 1900+ and all below 50 will be treated as 2000+.
Netscape bugfix - Months starting with the week starting day display a first blank row in the calendar.

(dt: 07/19/2001)

v1.821

Bugfix for a non-numeric year input in the SmartNav bar in the calendar window.
Opens the calendar in a 'dependent' window which closes when the main window is closed. (Only works in Netscape browsers).
Bugfix for Format case problem while prepopulating a date value.

(dt: 11/18/2002)

v1.9

CurrentDate parameter can reference any form element now . This way the starting date will be picked up from the form element. The syntax is CurrentDate=<MForm.mydate>. The angular brackets basically indicate that we are referencing a form element in the calling document.
Better internationalization support - Weekdays, Month names with their short names.
Improved Control over calendar. Showing/Hiding the Fix checkbox and other elements.
Bugfixes to displaying current date in Red and weekend highlighting.
Specify holidays for the dates which shouldn't be clickable. A comma delimited list of holidays can be specified in the MMDD format. They will be highlighted in their own color.
This version introduces CSS Support !! Define a Calendar.css stylesheet with predefined style classes that control the look of the calendar. You can control the font, colors, background for normal dates, weekends, holidays. You can define a different header style and much more..
Other bugfixes and enhancements.
Optimized Script (smaller footprint): The script source code has now been optimized for a more speedy download on your websites. The code has been obfuscated and optimized reducing the size significantly. This will enable faster downloads of pages that refer to this script for their calendar applications.

(dt: 08/20/2003)

v1.901 (Minor Bugfix release)

Styles were not applied properly when the calendar was opened the very first time.
WeekStart wasn't working properly.
AllowWeekends switch was not working properly in this version.
More Code optimization.

(dt: 08/24/2003)

v1.902 (Minor Bugfix release)

Internationalization fixes. This fix will allow you to specify Month, Day names in your language outside the Calendar script and the calendar will use them based on if a new setting in the 6th parameter called 'Language' is set to 'E' for English or 'O' for Other.
The Calendar.css file can be placed in any location now. Use a new setting in the 6th parameter to specify where the CSS file is located. The new setting is called 'Stylesheet' and can be used as 'Stylesheet=../styles/Calendar.css'. You can even specify 'Stylesheet=http://your-domain.com/styles/Calendar.css' for that matter.

(dt: 03/05/2005)

v1.903 (Minor Bugfix release)

You can fix an inline calendar without displaying the 'Fix' checkbox. Set ShowFix=No,Fix=Yes to do this
Updated the Calendar.css file (this will be the future CSS file for v2.0).

(dt: 10/31/2006)

v2.0 (With Timepicker)

TimePicker: Enable TimePicker by setting TimePicker=Yes/No.
Selecting will highlight dates in case of CloseOnSelect=No so that you can see dates getting selected when selecting multiple dates.
Calendar stylesheet has more control over the look-n-feel

(dt: TBD)