Jak korzystać z ajax postu, gdy datepicker zmienia datę?

Question

Dzień dobry

Wartość zmiany wejścia z datepicker ui.

Chcę użyć posta ajaxowego, gdy wartość wejścia zostanie zmieniona.

Do tego używam skryptu:

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

Ale ajax po kwerenda jest wykonywana ze starą datą.

Datepicker nie ma wartości zmiany czasu na wejściu.

Powiedz mi, jak wykonać zapytanie po Datepicker zmienić datę w polu?

Potrzebuję:

1) datepicker zmienić datę;

2) zapytanie należy wysłać z nową datą.

Answer 1

Można wywołać ajax post datepicker zdarzeń:

$("#datepicker").datepicker({ 

    onSelect: function(date, instance) { 

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

Nadzieja to helps- @Codebrain

Answer 2

Może należy rozważyć użycie onSelect wydarzenie datepicker (patrz here).

Przy użyciu tego zdarzenia nowo wybrana data (jako ciąg) jest przekazywana jako pierwszy parametr.

Answer 3

Zamiast używać on(change masz onSelect dla datepicker, który będzie uruchamiany po zmianie daty.

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

Mam nadzieję, że to pomaga.

Answer 4

Można użyć changeDate

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

można sprawdzić tutaj: http://bootstrap-datepicker.readthedocs.io/en/latest/events.html