Jump to content

How do you present inputs for date & time entry?


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.

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • 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.