How to add a calendar (date picker) to your web applications

For almost any webapp, it's critical to be able to enter dates. But how do you ensure that people enter them in the right format? How do you make it look good?

The easiest answer to both of these questions is to use a calendar object of some sort. This not only can look great and restrict user input, but at the same time it makes your webapp far more usable, as now users can select the date in a quick-click, instead of having to type anything in manually.

The best calendar (date picker) I've found so far is vlaCalendar, based on the MooTools framework. They have an AJAX version that runs on PHP, and a non-AJAX version that could be added to any environment.

The calendar and its output are highly configurable. By default it uses a Vista-like appearance:

Datepicker like Vist
Datepicker like Vista

However, it can be re-skinned, even appearing like the OS X calendar:

Skinned like OS X
Skinned like OS X

Anyhow, it's easy to use, and super handy. Just thought I'd pass it on.


Leave a Reply

Your email address will not be published. Required fields are marked *

To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Anti-spam image