1

jQuery Mobile 1.3.1 を使用しており、日付ピッカーを含むフォームが必要です。私はドキュメントを調べて、これを思いつきました：

<input type="date" name="Anreise" id="Anreise" data-mini="true" />

これは iOS で機能しますが、日付をローカル形式から に変換します2013-04-30。

Android では、ネイティブの日付ピッカーが出力するため、フォームが送信されないことがわかりました2013-4-30。送信時に日付ピッカーがポップアップし、値を選択する必要があると表示されます。しかし、値を に変更することはできません2013-04-30。

これはどのように正しく行われますか？jQuery Mobile の datpicker は、すべてのブラウザーとデバイスで動作しますか?

解決：

Mobiscrollを使用しました：

<link rel="stylesheet" href="css/mobiscroll.core.css" />
<link rel="stylesheet" href="css/mobiscroll.ios.css" /> 
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
<script src="js/mobiscroll.core.js"></script>
<script src="js/mobiscroll.core-de.js"></script>
<script src="js/mobiscroll.datetime.js"></script>
<script src="js/mobiscroll.datetime-de.js"></script>
<script src="js/mobiscroll.ios.js"></script>
<script>
    $(function(){
        $("#Anreise").mobiscroll().date({
            lang: 'de',
            dateOrder: 'dd mm yy',
            dateFormat : "dd.mm.yy"
        });
    });
</script>

<input type="text" name="Anreise" id="Anreise" data-mini="true" />
4

1 に答える 1

3

残念ながら、HTML5 仕様では日付形式を定義する方法が提供されていません。

jQuery Mobile では、サードパーティの日付ピッカーをいつでも使用できます。

それらのうち 3 つだけが言及されており、すべてが特定の日付形式を表示するように構成でき、すべてがすべてのデバイスで動作します。ネイティブのモバイル/デスクトップの日付ピッカーのように見えるスキンがあるため、Mobiscroll をお勧めします。

Mobiscroll - 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"
    });  
});

モビピック- http://jsfiddle.net/Gajotres/zyVjE/

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

日付ボックス- http://jsfiddle.net/Gajotres/ktbcP/

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

jQuery Mobile の日付ピッカーについて詳しく知りたい場合は、この記事をご覧ください。

于 2013-04-30T15:35:18.393 に答える