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

【问题标题】：DatePicher is not working in phonegap applicationDatePicker 在 phonegap 应用程序中不起作用
【发布时间】：2015-01-05 13:22:35
【问题描述】：

我正在使用 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>

【问题讨论】：

部分安卓版本（实际上大部分）不支持日期选择器

标签： android jquery eclipse cordova

【解决方案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

【讨论】：

【解决方案2】：

首先，jQuery UI Datepicker 小部件与 3rd 方包装器相结合，以使其与 jQuery Mobile 一起使用，因此您需要从此处在页面中结合 jquery-mobile-datepicker-wrapper js 和 css @987654321 @，然后在 html 中

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

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

【讨论】：