Question

嗨，有人可以告诉我为什么以下jquery移动日期选择器不起作用，因为我直接从http://jqueryui.com/datepicker/复制，以下是我的问题的屏幕截图。它只显示了datepicker的文本字段。最初我认为这是一个浏览器问题，但它不适用于任何浏览器，也包括我目前正在使用的phonegap平台。Example of the problem

<!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>

Answer 1

您的代码有效！我认为问题是另一个问题：

来自http://demos.jquerymobile.com/1.4.1/datepicker/

您有弹出日期选择器

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

和内联Datepicker

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

弹出窗口并不总是适合在小屏幕和移动设备上使用，因为包装器添加了内联选项此选项使得日期选择器的日历在输入之后显示为内联，以避免与之相关的问题弹出窗口。

有关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
    })
})

jquery mobile datepicker不起作用

1 个答案: