Using the HTML5 date input element with android

Question

The element <input type="date" /> cannot be activated.

When I click on the fields on the emulator it doesn't show me the entrance date but the android keyboard.

I found it: http://stackoverflow.com/questions/16865378/how-to-make-the-html5-input-type-date-trigger-the-native-datepicker-on-android/16866240#16866240 — justclaire, May 31 '13 at 21:30

Sergi Juanola · Answer 1 · 2013-07-24T14:56:14.170

8

Take a look at this: http://www.quirksmode.org/html5/inputs_mobile.html

It tells you which html5 input types and attributes work on each browser. It looks like the datepicker isn't working for most Androids, and thus it would show as a simple text input.

edited Jul 24 '13 at 14:56

answered Oct 30 '12 at 11:04

Sergi Juanola

6,531
8
56
93

So I have to use javascript for dates – Med Amine Oct 30 '12 at 11:06
I'm 99% sure about that. Html5 is not mature enough yet. – Sergi Juanola Oct 30 '12 at 11:09
@MedAmine if this solved your question in any way, please consider accepting the answer. – Sergi Juanola Oct 30 '12 at 11:16
I guess he wanted a factory feature, as mobiscroll is javascript based. However, it is a good alternative – Sergi Juanola Nov 01 '12 at 11:24
Update: newer devices like Samsung Galaxy S3 and S4 do support this Element. – Daniel Jul 24 '13 at 08:25
Ok then, I made the proper changes. However, this kind of feature isn't related to the smartphone, but the browser, so I expect S3/4 carry a newer browser made by samsung. – Sergi Juanola Jul 24 '13 at 14:57
I'm using this for android in ionic app. It works fine but I make this input as hidden and firing click event when user click on div so it's not working. any idea? – Jay Shukla Nov 29 '15 at 17:50

score 0 · Answer 2 · answered Nov 16 '12 at 18:07

You could use Trigger.io's UI module to use the native Android date / time picker with a regular HTML5 input. Doing that does require using the overall framework though (so won't work as a regular mobile web page).

You can see before and after screenshots in this blog post: http://trigger.io/cross-platform-application-development-blog/2012/11/16/new-feature-roundup-native-date-time-picker-analytics-with-flurry-android-events/

score 0 · Answer 3 · edited May 23 '17 at 12:05

0

Have a look here: How to make the HTML5 input type 'date' trigger the native datepicker on Android?

mobiscroll.com offers a nice polyfill.

edited May 23 '17 at 12:05

Community

1
1

answered Aug 07 '13 at 03:23

escapedcat

726
10
31

Using the HTML5 date input element with android

3 Answers3

Linked