Cách sử dụng bài đăng ajax khi ngày thay đổi ngày tháng?

Question

Chào buổi chiều

Giá trị thay đổi đầu vào với datepicker ui.

Tôi muốn sử dụng bài đăng ajax khi giá trị trong đầu vào sẽ thay đổi.

Đối với điều này tôi sử dụng kịch bản:

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

Nhưng bài ajax truy vấn được thực hiện với những ngày cũ.

Máy ghi ngày tháng không có giá trị thay đổi thời gian trong đầu vào.

Cho tôi biết cách thực hiện truy vấn sau khi datepicker thay đổi ngày trong trường?

Tôi cần:

1) datepicker thay đổi ngày;

2) truy vấn phải được gửi cùng ngày mới.

Answer 1

Bạn có thể kích hoạt bài ajax trên datepicker sự kiện:

$("#datepicker").datepicker({ 

    onSelect: function(date, instance) { 

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

Hope helps- này @Codebrain

Answer 2

Có lẽ bạn nên xem xét sử dụng onSelect trường hợp datepicker (xem here).

Sử dụng sự kiện đó, ngày được chọn mới (dưới dạng chuỗi) được chuyển làm tham số đầu tiên.

Answer 3

Thay vì sử dụng on(change, bạn có onSelect cho trình ghi ngày tháng, sẽ kích hoạt khi ngày được thay đổi.

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

Hy vọng điều đó sẽ hữu ích.

Answer 4

Bạn có thể sử dụng changeDate

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

bạn có thể kiểm tra ở đây: http://bootstrap-datepicker.readthedocs.io/en/latest/events.html