2

mobiscroll日時ピッカーを機能させる唯一の方法は、ajaxを無効にして、他のファイルからrel="external"を設定することです。Jqueryのajaxのスムーズな移行が必要ですが、機能させることができません。これが私が宣言を設定する方法です：

   $('#gauge_page').live('pageinit', function(event)  
{
    alert( 'This page was just enhanced by jQuery Mobile!' );
   var now = new Date();
    var then = new Date();
    then.setHours(then.getHours()-12);


    $('#start_datetime').scroller({
         preset: 'datetime',
        theme: 'android-2',
        display: 'modal',
        mode: 'scroller',
        dateFormat: 'mm/dd/yy',
        timeFormat: 'hh:ii a' 
    });

    $('#start_datetime').scroller('setDate', then, true);



     $('#end_datetime').scroller({
        preset: 'datetime',
        theme: 'android-2',
        display: 'modal',
        mode: 'scroller',
        dateFormat: 'mm/dd/yy',
        timeFormat: 'hh:ii a' 

    });

    $('#end_datetime').scroller('setDate', now, true);


}); 

<div id="date_form_start">
        <h4><b>Start</b></h4>       
        <input type="text" name="start_datetime" id="start_datetime"  class="date_form_field_datetime" />           
    </div>

alert（）メッセージは毎回表示されますが、日付フィールドはページを更新した場合にのみ初期化されます。では、pageinitイベントで適切に初期化するにはどうすればよいですか？

4

1 に答える 1

2

@Jasperは正しかった。<div data-role="page">AJAXを使用している場合、それ以外のコードは実行されません。コードを機能させるには、その中にコードを配置する必要がありました<div>

于 2012-10-03T20:51:08.683 に答える