6

こんにちは

datepicker ui による入力変更の値。

入力の値が変更されるときにajax postを使用したい。

このために私はスクリプトを使用します：

<input type="text" name="date" class="datepicker" id="datepicker">

$(".datepicker").datepicker({changeYear: true});

$(".datepicker").on("change",function(){
var date=$(this).val();
$.post("test.php", {
date:date
},
function(data){$('#testdiv').html('');$('#testdiv').html(data);
});
});

しかし、ajax post クエリは古い日付で実行されます。

Datepicker は、入力に時刻変更値を持っていません。

datepicker がフィールドの日付を変更した後にクエリを実行する方法を教えてください。

私が必要：

1) 日付ピッカーは日付を変更します。

2) クエリは新しい日付で送信する必要があります。

4

4 に答える 4

12

datepicker イベントで ajax 投稿をトリガーできます。

$("#datepicker").datepicker({

    onSelect: function(date, instance) {

        $.ajax
        ({
              type: "Post",
              url: "www.example.com",
              data: "date="+date,
              success: function(result)
              {
                  //do something
              }
         });  
     }
});

これが役立つことを願っています-@Codebrain

于 2013-02-21T05:59:51.897 に答える
2

onSelectおそらく、datepicker のイベントの使用を検討する必要があります (こちらを参照)。

そのイベントを使用して、新しく選択された日付 (文字列として) が最初のパラメーターとして渡されます。

于 2013-02-21T06:00:48.437 に答える
1

使用する代わりに、日付が変更されたときに起動する datepickerを使用しon(changeます。onSelect

$(function(){
    $('.datepicker').datepicker({
        onSelect:function(dateText,instance){
            alert(dateText); //Latest selected date will give the alert.
            $.post("test.php", {
            date:dateText // now you will get the selected date to `date` in your post
            },
            function(data){$('#testdiv').html('');$('#testdiv').html(data);
            });
        }
    });
});

それが役に立てば幸い。

于 2013-02-21T06:21:27.410 に答える