Andy Edinborough
Duck Punching jQuery UI Datepicker into a DateTimePicker
There are a TON of awful date pickers out there. For a who’s who of the worst, check out Date Time Picker Competitive Analysis.
jQuery UI’s Datepicker control is by far the best looking and most intuitive picker. In light of maintaining a uniform UI, I wanted a date time picker that played on that control. I found two:
- Integrates with Datepicker, but the UI is completely disjoined.
- The first one listed here is the one I had been using. It integrated nicely with Datepicker, but the author’s website is down now, and I found it was quite bulky and that it limited how you could use Datepicker—no inlining, no animation, etc.
So I created a duck-punched DateTimepicker that simply manipulates the Datepicker DOM element and functions to add the missing functionality:image
As you can see, I also added the ability to specify custom buttons for the button panel.