Android 上的 jQuery Mobile - 文本框和数字键盘问题

Question

我正在使用 PhoneGap 和 jQuery Mobile 为 iOS 和 Android 开发一个应用程序。我的代码在 iOS 5 中运行良好，但在 Android 2.3.* 中我遇到了很多问题。

1. 首先 - Android 不像 iOS 那样支持 input type="date"。有没有办法使用某种简单的插件来显示日期选择器？

2. 此“错误”（或功能）仅在设备上调试时出现，而不是在模拟器中。看看我在应用中登录页面的截图：

当我选择用户名文本框时，键盘会显示一个白框。白色框包含文本密码。真的很奇怪。用户名文本框代码：

<label for="username" class="i18n-login-username-label">Username: </label>
<input type="text" value="" name="username" id="username" data-form="ui-body-a" />

有没有办法摆脱那个白色、丑陋的文本框并将文本直接写入用户名文本框？

3 这是应用中众多设置页面之一，用户应在几个字段中输入数字。我使用 input type="tel" 来显示数字键盘。在 iOS 上工作得很好，数字键盘也出现在 Android 中，但无法关闭它（没有关闭按钮，也无法通过点击其他地方来关闭），因此无法离开页面，因为页脚菜单是'不可见。左上角出现一个白框，标题（带后退按钮）消失：

为此的HTML：

<ul data-role="listview" data-inset="true">
   <li >
      <div class="ui-grid-a">
         <div class="ui-block-a setta">
            <label for="ordersdaygoal" class="i18n-settings_orders-daygoal-label">Per day: </label>
         </div>
         <div class="ui-block-b settb">
            <input type="tel" name="ordersdaygoal" id="ordersdaygoal" value="0" mini="true" style="width: 150px;" maxlength="9" /> 
         </div>
      </div>
   </li>
...
</ul>

有什么解开这些 Android 谜团的建议吗？

Answer 1

我只能帮你解决你的第一个问题，我们使用这个 jquery 插件作为日期，它是高度可配置的： https://github.com/jtsage/jquery-mobile-datebox