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.

Answer 1

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.

Answer 2

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/

Answer 3

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

mobiscroll.com offers a nice polyfill.