当日期选择器更改日期时，如何使用ajax post？

下午好

使用日期选择器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);
});
});

$（“.datepicker”）.datepicker（{changeYear:true}）；
$（.datepicker”）.on（“更改”，函数（）{
var date=$（this.val（）；
$.post（“test.php”{
日期：日期
},
函数（数据）{$（'#testdiv'）.html（''）；$（'#testdiv'）.html（数据）；
});
});

但是ajax post查询是使用旧日期执行的

Datepicker在输入中没有时间更改值

告诉我如何在datepicker更改字段中的日期后进行查询

我需要：

1） 日期选择器更改日期

---

2） 查询应随新日期一起发送。

您可以在日期选择器事件上触发ajax post：

$("#datepicker").datepicker({

    onSelect: function(date, instance) {

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

---

希望这有助于——“代码脑

< p>也许您应该考虑使用Debug表的<代码> OnCudioS/<代码>事件（参见）。 使用该事件，新选择的日期（作为字符串）将作为第一个参数传递。

而不是使用

on（change

为日期选择器选择

on

，日期选择器将在日期更改时触发

$(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);
            });
        }
    });
});

---

希望有帮助。

您可以使用

changeDate

$('.datepicker').datepicker()
 .on('changeDate', function(e) {
    // `e` here contains the extra attributes
});

您可以在这里查看：