Date Picker for iPhone Web Application

Question

What is the best way to show Date Picker for iPhone based web application. Can we show something like our own iPhone date picker, as shown below in a web application:

Answer 1

The easiest way (and possibly the best way) is to use the safari built into datepicker for your input window using HTML5 type = "date"

<input type="date" /> 

Answer 2

The browser has a built-in date picker in the style of the iPhone - http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11

Answer 3

I know this old post, but for future viewers: If you use jQuery, you can try Mobiscroll , a custom feed optimized for touch devices. It comes with iOS and Android skin.

Answer 4

Although the need for registration may be unloving , Mobiscroll is worth evaluating if you want to provide consistent rollback for older ios (pre 5.x) and android (pre 4.x) - and maybe some other platforms, as it promises to support jQMobi (now an application for Intel applications) and Zepto.

Answer 5

There is iPhone-style date picker for HTML5 at Next-Point . Perhaps you can change it to suit your needs.

Answer 6

You can not. Date Picker is a native control and is not available in Mobile Safari.

Answer 7

Well, you could encode your own if that were really important to you.

With enough work, you can probably make her look / feel like Apple’s own control.

It feels at the gut level, as it would be a great job for a limited gain.

Answer 8

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

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

In a browser compatible with Html5, you will have a date field. In an incompatible Html5 browser, you will have a simple text box.

Answer 9

 <input type="date" /> 

the above code will NOT work on mozilla.

firefox does not support type input date.