Создание текстового поля типа даты для android

Question

Я создаю приложение HTML5 для Android.

Я использую JQuery мобильный телефон со следующими заголовками:

<link rel="stylesheet" href="../../lib/jquery.mobile-1.3.0.min.css" /> 
<script src="../../lib/jquery-1.8.2.min.js"></script>  
<script src="../../lib/jquery.mobile-1.3.0.min.js"></script> 

и добавить поле ввода, как описано в jQuery mobile's demo site:

<input type="date" data-clear-btn="false" name="date-1" id="date-1" value=""> 

Однако вместо DatePicker я просто получить текстовое поле.

Я что-то упустил?

Answer 1

Только определенные браузеры покажут выбор даты. Это сообщение может быть полезно для вас, чтобы обнаружить, если он будет или нет:

HTML5 Type Detection and Plugin Initialization

Если браузер не поддерживает DatePicker, то вы можете добавить пользовательские Jquery щ DatePicker

Answer 2

Конечно, это текстовое поле, необходимо инициализировать выбора даты:

и вам нужна одна JQuery щ библиотека:

<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> 


$(document).on('pageinit', function(){ 
    $("#date-1").datepicker(); 
}); 

Попробуйте это и посмотреть, если помогает.

Answer 3

Сначала только Chrome ВОЛЮ показать компонент datapicker. Другие настольные браузеры не сработают, поэтому не полагайтесь на эту реализацию.

Во-вторых, у jQuery Mobile нет компонента datepicker. Таким образом, вам нужно будет использовать сторонний плагин. Не полагайтесь на плагины jQuery UI datepicker, потому что они не оптимизированы для использования в мобильных устройствах.

Лучше использовать некоторые там третьей партии JQuery мобильных плагинов:

Datebox

и

Mobiscroll

Вот некоторые из моих ответов и примеров, как использовать jQM datapickers:

How to show datepicker on field focus only?

Datepicker for jQuery mobile (Android)