ajax - datepicker更改日期时如何使用ajax post？

Question

下午好

使用 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) datepicker 更改日期；

2) 查询应以新日期发送。

Answer 1

您可以在 datepicker 事件上触发 ajax 发布：

$("#datepicker").datepicker({

    onSelect: function(date, instance) {

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

希望这会有所帮助-@Codebrain

Answer 2

也许您应该考虑使用onSelect日期选择器的事件（请参见此处）。

使用该事件，新选择的日期（作为字符串）作为第一个参数传递。

Answer 3

您可以使用changeDate

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

你可以在这里查看：http: //bootstrap-datepicker.readthedocs.io/en/latest/events.html

Answer 4

而不是使用on(changedatepicker 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);
            });
        }
    });
});

希望能帮助到你。