954,598 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

HTMl 5 date picker

How to create Date Picker in HTML 5

deecoup
Light Poster
46 posts since Dec 2010
Reputation Points: 10
Solved Threads: 0
 

Well, you're asking a bit of a loaded question here. On one hand, HTML5 date picker implementation is really easy:

<input type="date" name="user_date" />


But, most browsers have no idea how to interpret that (they essentially treat it like text). If you happen to be viewing an input of type="date" in a browser that supports it nicely (say, Opera 9), then you'll get a nice date picker. For every other browser, you'll get nothing but a text input.

Some good info on HTML5 Forms browser support: http://www.findmebyip.com/litmus

Assuming you want to also older browsers to support this field type, you'll need to figure out a good way to do so. I've not done it personally, but using jQuery's date picker may be a good start.

Someone has described what seems to be a decent way to implement this cross browser here .

scottloway
Junior Poster in Training
55 posts since May 2008
Reputation Points: 22
Solved Threads: 12
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You
View similar articles that have also been tagged: