0

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

  1. 首先 - Android 不支持 input type="date",就像 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:

<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 奥秘吗?

4

1 回答 1

2

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

于 2012-06-22T05:39:44.307 回答