0

JQM DateBox プラグイン ( http://dev.jtsage.com/jQM-DateBox2/ ) を Web サイトに実装しようとしています。日付ピッカーの HTML コードを別の HTML ファイル「page2.html」で宣言し、「index.html」の div にロードします。page2.html のコードを div に直接配置すると、タイム ピッカー フィールドが正しく表示されます。 ここに画像の説明を入力

JQuery load() を介してロードされ、強化された場合、ブラウザはタイム ピッカー入力フィールド内に日付ピッカーのようなものを表示します。

タイムピッカーの奇妙な外観

ただし、右側のボタンをクリックすると、タイムピッカーが開きます。デスクトップ版の Chrome を使用していますが、Firefox ではこの問題は発生しません。

page2.html:

<div data-role="fieldcontain">
    <label for="deftimeflip">Some Date</label><input name="deftimeflip" type="date" data-role="datebox" id="deftimeflip" data-options='{"mode": "timeflipbox"}' />
</div>

index.html:

<script>
$(document).ready(function() {
    $('#content').load("page2.html", function(event) {
        $('#content').trigger("create");    // enhance JQM elements

    });
});
</script>

<body>
    <div data-role="page" id="mainPage" data-theme="none">
        <div id="content" style="width:30%;">
            <div data-role="fieldcontain">
                <label for="deftimeflip">Some Date</label><input name="deftimeflip" type="date" data-role="datebox" id="deftimeflip" data-options='{"mode": "timeflipbox"}' />
            </div>
        </div>
    </div>
</body>

強化しないと、ブラウザーには日付ピッカーのみが表示されます。

ここに画像の説明を入力

プラグインの「最新」のコアとフリップボックスを使用しています。

誰かが私を助けてくれることを願っています。

4

1 に答える 1

0

これは、DateBox が実際に入力フィールドの種類をテキストに設定してブラウザーの機能強化を回避しているためです。ただし、.load メソッドを使用すると、「遅すぎる」(そして失敗する) ためです。

回避策は、タイプを「日付」ではなく「テキスト」に設定することです。これにより、余分なコントロールが削除されます。

于 2013-09-16T16:24:25.660 に答える