Javascript/Jquery date picker

Question

I'm looking for a simple to integrate date picker object, which would be triggered when someone focused on a particular textbox. When a user clicked or focused on a textbox, the date picker interface should pop up, with the current date on it, and the user could easily select the date. When done, the textbox should have the date in the format YYYY-MM-DD (the mysql date format).

This should also be possible with 2 textboxes for picking the start and end date.

Any ideas?

Answer 1

Have you seen jquery UI's datepicker? It does all of the above.

HTML

<input type="text" id="datepicker" size="30"/>

JavaScript

$('#datepicker').datepicker( { dateFormat: 'yy-mm-dd' } );

Answer 2

If you want 'simple to integrate', i humbly suggest you give my javascript time picker a try, i hope you find it useful. It looks like this:

And here's the links:

• http://splinter.com.au/blog/?p=278
• http://github.com/chrishulbert/datepicker