Javascript date picker that Doesn't Suck!(tm)
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)
Software Developer (Freelancer / Contractor) in Australia.
I have worked at places such as Google, Cochlear, Assembly Payments, News Corp, Fox Sports, NineMSN, FetchTV, Coles, Woolworths, Trust Bank, and Westpac, among others. If you're looking for help developing an iOS app, drop me a line!
Get in touch:
[email protected]
github.com/chrishulbert
linkedin
