Come si usa ajax post quando datepicker cambia data?

Question

Buon pomeriggio

Valore nel cambio di input con datepicker ui.

Desidero utilizzare un post ajax quando il valore in ingresso cambierà.

Per questo utilizzare script:

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

Ma dopo ajax query viene eseguita con il vecchio data.

Datepicker non ha il valore di modifica dell'ora in ingresso.

Dimmi come eseguire una query dopo che datepicker ha cambiato la data nel campo?

bisogno di me:

1) DatePicker modificare la data;

2) la query deve essere inviata con una nuova data.

Answer 1

È possibile attivare ajax post su DatePicker eventi:

$("#datepicker").datepicker({ 

    onSelect: function(date, instance) { 

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

Spero che questo helps- @Codebrain

Answer 2

Forse si dovrebbe considerare l'utilizzo di onSelect caso di DatePicker (vedi here).

Utilizzando tale evento, la data appena selezionata (come stringa) viene passata come primo parametro.

Answer 3

Invece di utilizzare on(change hai onSelect per datepicker, che scatterà quando viene cambiata la data.

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

Spero che sia d'aiuto.

Answer 4

È possibile utilizzare changeDate

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

potete controllare qui: http://bootstrap-datepicker.readthedocs.io/en/latest/events.html