jQuery mobile datepicker не работает

Привет, может кто-нибудь сказать мне, почему следующий jquery mobile datepicker не работает, так как я напрямую копировал из http://jqueryui.com/datepicker/, а следующее изображение является скриншотом моей проблемы. Он только показывал текстовое поле для datepicker. Первоначально я думал, что это проблема с браузером, но она не работает ни в одном браузере, а также в том, что в настоящее время я использую платформу phonegap. Example of the problem jQuery mobile datepicker не работает

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
    </script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker"></p> 


</body> 
</html>

источник

2015-12-19 Jiew Wei

Ваш код работает! Я думаю, что эта проблема является еще одна:

От http://demos.jquerymobile.com/1.4.1/datepicker/

Вы Popup Datepicker

<input type="text" data-role="date">

и Инлайн Datepicker

<input type="text" data-role="date" data-inline="true">

Popup не всегда позиционируется хорошо для использования на небольших экранах, а мобильные устройства там для обертки добавляет встроенную опцию, эта опция делает календарь для datepicker встроенным после ввода, который он вызывает, чтобы избежать проблем, связанных с всплывающими окнами ,

Документация о Datepicker виджете: http://api.jqueryui.com/datepicker/

информации и поддержки на JQuery Mobile Wrapper: https://github.com/arschmitz/jquery-mobile-datepicker-wrapper

Для получения дополнительной информации о DatePicker инлайн и как использовать это взглянуть на этот вопрос: Combine inline jquery datepicker with an input field?, которые объясняют, как использовать:

$(function(){ 
    $("#datepicker").datepicker({ 
     inline: true 
    }) 
})

источник

2015-12-19 16:05:50 Vixed

jQuery mobile datepicker не работает

ответ

Смежные вопросы