Date Picker for iPhone Web Application

Question

What is best way to show Date Picker for iPhone based Web Application. Can we show something like iPhone native date picker like shown below in web application:

Answer 1

There is an iPhone native style date picker that runs in the browser - http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11

Answer 2

The easiest way (and arguably the best way) is to use safari's built in datepicker for your input box using HTML5 type="date"

<input type="date" />

Answer 3

<input type="date" />

above code WILL NOT working on mozilla.

firefox doesn't support input type date.

Answer 4

You can't. The date picker is a native control and is not available in Mobile Safari.

Answer 5

Well, you could code your own if it was really important to you.

With enough work you could probably get it to look/feel a lot like Apple's native control.

Feels at a gut level like it would be a lot of work for limited payoff.

Answer 6

In ASP.Net you can use the TextBox with type="date".

<asp:TextBox type="date" runat="server" />

In a Html5 compatible browser you will have a date field. In a Html5 non-compatible browser you will have simple text field.