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! And if you want to get in touch, I'd love to hear from you: chris.hulbert at gmail.

Chris Hulbert

(Comp Sci, Hons - UTS)

iOS Developer in Sydney.

I have worked at places such as Google, Cochlear, News Corp, Fox Sports, NineMSN, FetchTV, Woolworths, and Westpac, among others. If you're looking for a good iOS developer, drop me a line!

Get in touch:
[email protected]
my resume

 Subscribe via RSS