4

Android用のHTML5アプリを作成しています。

私は次のヘッダーでjQuerymobileを使用しています：

<link rel="stylesheet" href="../../lib/jquery.mobile-1.3.0.min.css" />
<script src="../../lib/jquery-1.8.2.min.js"></script>    
<script src="../../lib/jquery.mobile-1.3.0.min.js"></script>

そして、 jQuery mobileのデモサイトで説明されているように、入力フィールドを追加します。

<input type="date" data-clear-btn="false" name="date-1" id="date-1" value="">

ただし、日付ピッカーの代わりに、テキストボックスを取得するだけです。

私は何かが足りないのですか？

4

3 に答える 3

5

まず、Chromeのみがデータピッカーコンポーネントを表示します。他のデスクトップブラウザは失敗するので、この実装に依存しないでください。

次に、jQueryMobileにはdatepickerコンポーネントがありません。したがって、サードパーティのプラグインを使用する必要があります。jQuery UI datepickerプラグインはモバイルでの使用に最適化されていないため、これらに依存しないでください。

サードパーティのjQueryMobileプラグインのいくつかを使用することをお勧めします。

日付ボックス

と

モビスクロール

jQMデータピッカーの使用方法に関する私の回答と例を次に示します。

フィールドフォーカスのみで日付ピッカーを表示するにはどうすればよいですか？

jQuery mobileのDatepicker（Android）

于 2013-03-14T12:15:14.770 に答える
3

特定のブラウザのみが日付ピッカーを表示します。この投稿は、それが行われるかどうかを検出するのに役立つ場合があります。

HTML5タイプの検出とプラグインの初期化

ブラウザがdatepickerをサポートしていない場合は、カスタムjqueryuidatepickerを追加できます

于 2013-03-14T12:06:13.267 に答える
0

もちろん、これは日付ピッカーを初期化するために必要なテキストフィールドです。

そして、1つのjqueryuiライブラリが必要です。

  <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>


$(document).on('pageinit', function(){
    $("#date-1").datepicker();
});

これを試して、役立つかどうかを確認してください。

于 2013-03-14T12:05:40.817 に答える