Question

我正在使用eclipse ADT phonegap开发android应用程序，当我选择日期时，没有日历弹出窗口。提前谢谢.........

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>

<div data-role="page">
  <div data-role="header">
  <h1>Text Inputs</h1>
  </div>

  <div data-role="main" class="ui-content">
    <form method="post" action="demoform.asp">
      <div class="ui-field-contain">
        <label for="fullname">Full name:</label>
        <input type="text" name="fullname" id="fullname">       
        <label for="bday">Date of Birth:</label>
        <input type="date" name="bday" id="bday">
        <label for="email">E-mail:</label>
        <input type="email" name="email" id="email" placeholder="Your email..">
      </div>
      <input type="submit" data-inline="true" value="Submit">
    </form>
  </div>
</div>

</body>
</html>

Answer 1

您的代码是正确的，但基本上无法在Internet Explorer和Mozilla中运行。我尝试使用chrome，它将完美地工作。手机间隙基本上取决于浏览器。我不知道这么多。很抱歉。

Phone Gap（Cordova）目前使用标准的Android WebView，它是浏览器的精简版本（基于特定版本的WebKit）。

它实际上不是基于Chromium的WebView，它刚刚在最近的Android 4.4中作为第三方开发人员的组件提供。

截至2014年4月1日，Android 4.4（KitKat）仅占所有Android版本的5.3％左右（更不用说，这个新的基于Chromium的WebView似乎仍在进行中，所以它需要一个而对于大多数第三方开发人员来说，感觉完全适应它。）

jsfiddle.net/4r9mopwr/embedded/result/

Open it with chrome

http://www.w3schools.com/jsref/dom_obj_date.asp

Answer 2

首先，jQuery UI Datepicker小部件与第三方包装器相结合，使其与jQuery Mobile一起使用，因此您需要在页面中将jquery-mobile-datepicker-wrapper js和css组合在一起 {{ 3}} ，然后在html中

<input type="text" class="date-input">

<script>
  $(function(){
     $( ".date-input" ).datepicker();
 })
</script>

DatePicker在phonegap应用程序中不起作用

2 个答案: