« Pumpkin Carving Stencils | Halloween Pictures »

October 22, 2005

DHTML JavaScript Calendar

I’m currently working on a web application at work that needed to allow the user to input the start and end date of an event. A couple of text input boxes would work, but they would require additional instructions informing the user how to properly format the date—not a very user friendly approach. So the obvious alternative then, was to provide the user with some sort of calendar widget from which they could easily select the dates. But as you know, there is no HTML calendar form widget and I didn’t have time to write a custom widget…

I’ve been reading DHTML Utopia: Modern Web Design Using JavaScript & DOM and happened to have just recently read about a free, standards compliant JavaScript calendar so I decided to check it out and see if it would fit the bill.

I won’t go into a lot of detail other than to just say that I was very impressed with this calendar widget. It is easily configurable and can either pop-up a calendar in another window when the user clicks a link or a button, or it can be a “flat” calendar that always shows on the page. The calendar can be easily “skinned” through CSS style sheets to match the look and feel of your web site. It also allows multiple date selections and date/time selections.

This calendar turned out to be perfect for my application and did exactly what I was looking for! Thank you, Dynarch, for providing such a high quality component available to web developers for free.

Posted at 8:05 PM in Web Development