Android上的jQuery Mobile - 文本框和數字鍵盤問題

Question

我正在爲iOS和Android開發具有PhoneGap和jQuery Mobile的應用程序。我的代碼在iOS 5中工作得很好，但是我在Android 2.3中遇到了很多麻煩。*。

1. 首先 - Android不支持input type =「date」，就像iOS一樣。有沒有辦法使用某種簡單的插件來顯示日期選擇器？

2. 此「bug」（或功能）僅在設備上進行調試時出現，而不是在仿真器中進行調試。看看這張截圖我的登錄頁面中的應用：

當我選擇的用戶名文本框的鍵盤和一個白色的框顯示。白色框中包含文本密碼。真奇怪。對於用戶名文本框代碼：

<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