Hi, I've been fed up with all the JS calendar date pickers that are out there - they're all too complicated, heavy, rely on frameworks that i don't want to include, or they're ugly, or have anti-commercial licenses, etc etc etc. So here's mine: Download the files here [[posterous-content:bkGDqnyklGhBchcbwgvx]] You can see a demo here Here's the pros: * I've tested with IE, Chrome, Firefox, and Safari, and they all seem to work, miraculously. * Very light: only two extra files needed (about 10k)! * No extra frameworks needed! * Not hideously ugly! (IMO) * Date format is universal - no more confusing d/m/y with m/d/y! * Very simple to use: include two files in your head, and set a class on your input's. Here's how to use it. In your page's head, add the following lines: <link rel="stylesheet" type="text/css" href="${contextPath}/assets/datepicker.css" /> <script type="text/javascript" src="${contextPath}/assets/datepicker.js"></script> Whenever you have an input box, set the class to 'datepicker' (or add 'datepicker' to the list of classes), and ensure that the input box has an id, and you're done: <input id='start_dt' class='datepicker'> <input id='another_dt' class='myclass datepicker'> Enjoy!

Thanks for reading! If you found this article helpful, do me a favour and check out my upcoming web-apps: Server Scope server monitoring, and ScrumFox agile team management. And if you want to get in touch, I'd love to hear from you: chris.hulbert at gmail.