Jump to content

How do you present inputs for date & time entry?


stack

Recommended Posts

I'm faced with presenting <input>s for several datetime fields within a form and I'm left scratching my head on how to present the inputs for entry.

 

I've gotten the following layout

[ 09/10/2007 ]<img btn> [12 |V]:[00 |V] [am |V]

Calendar input w/ calendar popup and image, then hour select, then minutes separated every 5 minutes, then am/pm selection.

 

This breaks the whole set of data into four separate controls. I'm kind of happy with this but I figure someone has run into the date & time entry issue before and might have come up with a more elegant solution than mine.

If you have the option to do some new work try using JQuery.  I skimmed through and they have a time and date picker available.  This is quite new and there is only one book out there now but this would be worth learning.  I use drop down boxes for time input and a textbox for date with a javascript date picker go to dynamic drive for free javascript help code.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.