Reputation: 16077

Date Picker for iPhone Web Application

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:

iOS Date Picker

Upvotes: 52

Answers (9)

zigots007

Reputation: 99

<input type="date" />

above code WILL NOT working on mozilla.

firefox doesn't support input type date.

Upvotes: 0

user2451839

Reputation: 11

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

Upvotes: 1

Philzen

Reputation: 4647

Although the need to register might be a dislike, Mobiscroll looks worth evaluating if you want to provide a consistent fallback for older ios (pre 5.x) and android (pre 4.x) devices - and probably some other platforms, as it promises to support jQMobi (now Intel appframework) and Zepto.

Upvotes: 1

Christian BUISSON

Reputation: 1

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.

Upvotes: -1

Kyle

Reputation: 2685

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" />

Upvotes: 129

istvan.halmen

Reputation: 3350

I know it's an old post, but for future viewers: If you are using jQuery, you can try Mobiscroll, a customizable datepicker optimized for touch devices. It ships whith iOS and android skin as well.

Upvotes: 11