Welcome to WebmasterWorld Guest from

Forum Moderators: bakedjake

Message Too Old, No Replies

Rendering a Date Picker on a Mobile Device

9:56 am on Sep 20, 2010 (gmt 0)

Preferred Member

10+ Year Member

joined:Aug 20, 2004
posts: 615
votes: 0

Moderator: if this is the wrong forum for this post, please feel free to move it.

Hello All -

I'm tasked with doing a mobile version of a client's site - so far, so good. Where I'm running into a problem is with a form-based date picker. What I've decided to do - rather than the calendar-styled picker the regular version of the site uses - is to use 3 select lists for month, day and year.

Of course, now the problem is the length of the month and day selects as - in the Adobe Device Central emulator I'm using - these lists run off the bottom of the emulator screen.

During my web study on this topic, it seems that some mobile browsers (apparently safari mobile and opera mini) "automatically" transforms select lists into browser-based widgets. One tutorial I read mentioned this capability, but my emulator isn't verifying this capability.

Honestly, I can't find much information on how to deal with this kind of requirement (select lists on a mobile device) and would really like to know what - and how - to properly display this kind of information on a mobile device.

Additionally, if anyone has a recommendation of perhaps a better emulator to use vs. Device Central I'd love to know about it.

All guidance/assistance gratefully accepted!

11:24 am on Sept 20, 2010 (gmt 0)

Moderator from GB 

WebmasterWorld Administrator mack is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:June 15, 2001
votes: 3

Hi there.

Regarding Opera Mini there is an emulator that you could use to test your form...


Chrome mobile and Opera Mini do use a sort of widget as you mentioned to make the form controls usable within the smaller screen size.

2:45 am on Sept 22, 2010 (gmt 0)

Preferred Member

10+ Year Member

joined:Aug 20, 2004
posts: 615
votes: 0

Mack -

Thanks very much for the information and link - really helpful.

Can you - or anyone else - tell me how to deal with select-lists in mobile devices? I'd like to ***assume*** that all mobile browsers convert selects into usable "small screen widget" controls but I can't bank on that unless it's really true.

Is there a "best practices" way to deal with this particular form-related issue?

Any additional advice/links regarding this particular topic would be HUGELY appreciated - my web search on this topic still turns up only cursory information regarding this issue.


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members