1

さて、私はこの質問が以前に尋ねられたことを知っていますが、jQuery mobile（Androidの場合）に最適な日付ピッカーはどれですか？

日付ボックス http://dev.jtsage.com/jQM-DateBox2/

Mobiscroll http://mobiscroll.com/

モビピック http://mobipick.sustainablepace.net/demo.html

DateboxとMobiscrollはより成熟しているように見えますが、モビピックは私には速く感じます。

また、mobiscrollが機能しない特定の電話（Android）があると聞きましたか？

4

4 に答える 4

5

私の経験から、MobiPickとMobiscrollのどちらかを選択する必要があります。

日付ボックス

以前のAndroidフォン（Galaxy S2）でDateboxのレンダリングの問題がいくつか見つかりましたが、それ以外の場合、DateboxはMobi Pick（パフォーマンスバイス+構成の可能性）に近いです。DateboxとMobiPickの主な違いは、最終的なデザインです。

動作するjsFiddleの例：http ：//jsfiddle.net/Gajotres/ktbcP/

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}'/>

モビスクロール

Mobiscrollには、はるかに多くのオプションとスキンがあります。jQMにはるかにうまく統合でき、応答性の高いUIを備えていますが、残念ながら2.X And​​roidフォンではパフォーマンスの問題があります（iPhoneデバイスでは問題ありません）。

動作するjsFiddleの例：http ：//jsfiddle.net/Gajotres/WDjfR/

$(document).on('pagebeforeshow', '#index', function(){       
    $('#demo').mobiscroll().date({
        invalid: { daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'] },
        theme: 'android-ics',
        display: 'inline',
        mode: 'scroller',
        dateOrder: 'dd mm yy',
        dateFormat : "dd-mm-yy"
    });  
});

モビピック

UIの外観に満足している場合は、MobiscrollよりもMobiPickを選択します。代わりにMobiscrollを使用していない場合。

動作するjsFiddleの例：http ：//jsfiddle.net/Gajotres/zyVjE/

$(document).on('pagebeforeshow', '#index', function(){       
    $('#demo').mobipick({
        dateFormat: "MM-dd-yyyy"
    });
});

より詳しい情報

詳細な概要と例はここにあります。

于 2012-12-08T17:33:28.723 に答える
2

jquery ui datepickerをjquery、jqueryui、jquery mobileの最新バージョンに更新する作業を行ったので、jq1.9.1jqui1.10.2とjqm1.3.0

これが私がモバイル用の実験的なjqueryuidatepickerを更新した方法です：

jsbinコードスニペット

jqueryuiパッケージ全体の代わりに、datepickerスクリプトにリンクできます。

読み取り専用プロップは、キーボードがiOSに表示されないようにします

jqmで動作するようにdatepickerを微調整するだけです。目標は、datepickerウィジェットの_generatehtml関数をオーバーライドし、使用するjqueryモバイルテーマを入力として指定できるようにすることです。したがって、addClassの全体を必要とせず、不要なDOM操作を回避できます。

私はiOS6（iphone、ipad）とデスクトップ（chrome、firefox、safari）についてのみテストしましたが、他のテストについて教えてください。

それが必要なだけどろどろになることを願っています:)

アップデート ：

  • Jquery mobile 1.4.0 alpha 2
  • Jquery 2.0.3
  • Jqueryui 1.10.3

jsbin jqm 1.4.0

jquery mobile 1.4.0の変更を考慮しており、DOM操作が少し少なくて済みます。

于 2013-03-22T10:05:36.983 に答える
0

モバイル向けにスタイル設定されたjQueryUIDatepickerはどうですか？

于 2012-12-07T19:46:47.953 に答える
0

プロジェクトにDateboxを選択しました。MobiPickは見栄えが良いですが、カレンダーがありません。Dateboxには、非常に優れた国際化オプションもいくつかあります。機能に関しては、Dateboxには、ここで提案されている他のもの（期間、カレンダー、スライド、カスタムモード）よりもはるかに多くの操作モードがあります。

于 2012-12-08T19:56:36.093 に答える