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

Question

我正在开发一款适用于iOS和Android的PhoneGap和jQuery Mobile应用程序。我的代码在iOS 5中运行得很好，但我在Android 2.3上遇到了很多麻烦。*。

1. 首先 - Android不支持输入类型=“日期”，就像iOS一样。有没有办法使用某种简单的插件来显示日期选择器？

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 for this：

<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