0

iOSおよびAndroid用のPhoneGapとjQuery Mobileを使用してアプリを開発しています。私のコードは 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 これは、アプリの多くの設定ページの 1 つです。ユーザーはいくつかのフィールドに数値を入力する必要があります。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 に答える