0

私は Javascript と jQuery に非常に慣れていませんが、以下の素敵な日付ピッカーをフォームに統合したいと考えています。

http://mobipick.sustainablepace.net/demo-advanced.html

トラブルコード:

$(document).on( "pagecreate", "#demo", function() {
var picker = $( "input[type='text']", this );
picker.mobipick();
});



<div id="demo" data-role="page" data-add-back-btn="true">
<div data-role="content" >
<div class="demo">
<input type="text" />
</div>
</div>
</div>

問題は、それが pagecreate でのみ関数を実行し、実際に何が渡されているのかわからない「this」を渡すことです。フォームには既にメインが<div data-role="page">あり、別の div を追加すると<div id="demo" data-role="page">、その 2 番目の div が表示されません。に変更する<div id="demo" data-role="subpage">と表示されますが、上記の関数は起動しません。

4

1 に答える 1

2

他の誰かがこのコードを投稿しましたが、これは完全に機能します。

Javascript

          $(document).ready(function () {
            var picker = $("#StartDate", this);
            picker.mobipick();
            picker.bind("change", function () {
                var date = $(this).val();
            // formatted date                   
            var dateObject = $(this).mobipick("option", "date");
            });
            });

HTML

<input name="StartDate" id="StartDate"  type="text" value=""/>
于 2013-04-18T12:52:04.670 に答える