Web Design, Development & Marketing

Web Development Articles

Javascript Essentials - Date Pickers (Calendars)

Here's the first of (hopefully) many posts documenting some of what's available out there on the web when it comes to re-usable javascript components and libraries.

This first post looks at date pickers or calendars. Very useful for date fields, they can improve usability dramatically (if integrated successfully).

JavaScript Date Picker (nsftools.com) - http://www.nsftools.com/tips/DatePickerTest.htm

A nice and simple date picker, easy to integrate with forms. Thanks Julian!

Jason's Date Input Calendar - http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm

Takes a different approach to Julian Robichaux's Date Picker. This script generates all the HTML for the date picker inputs itself. This date picker consists of two dropdowns for the day and month plus a text field for the year as well as an overlay which allows dates to be selected directly from a calendar. Can be customised fairly easily.

Some other date picker scripts are listed below. We haven't had much time to fiddle with these yet but they look promising...

The DHTML / JavaScript Calendar - http://www.dynarch.com/projects/calendar/

JS Calendar - http://www.dhtmlgoodies.com/scripts/js_calendar/js_calendar.html

Calendar Popup - http://www.mattkruse.com/javascript/calendarpopup/

Bye for now!

Subscribe to RSS Feed Bookmark and Share

Related Links

Related Articles / Posts

Javascript Essentials - Date Pickers (Calendars) (03/03/2008)

Javascript: Variations of the IF Statement (20/09/2006)

Javascript / CSS: Flashing Text - How to do it - Why NOT to do it (16/09/2006)

Code Editors (Syntax Highlighting) - Aptana, Crimson Editor, PHP Designer (14/08/2006)

Web Dev News: Pro Ajax and PHP - Building Highly Interactive Applications (Book) (18/07/2006)