Comment utiliser ajax post lorsque datepicker change de date?

bonne après-midi

La valeur en entrée change avec datepicker ui.

Je veux utiliser ajax post lorsque la valeur en entrée sera modifiée.

Pour cela, j’utilise un script:

 $(".datepicker").datepicker({changeYear: true}); $(".datepicker").on("change",function(){ var date=$(this).val(); $.post("test.php", { date:date }, function(data){$('#testdiv').html('');$('#testdiv').html(data); }); });

Mais ajax post query est exécuté avec l’ancienne date.

Datepicker n’a pas de valeur de changement d’heure en entrée.

Dites-moi comment faire une requête après datepicker changer la date dans le champ?

Moi besoin

1) datepicker changer la date;

2) la requête doit être envoyée avec une nouvelle date.

Vous pouvez déclencher une publication ajax sur les événements datepicker:

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

J’espère que cela aide- @Codebrain

Vous devriez peut-être envisager d’utiliser l’événement onSelect du sélecteur de date (voir ici ).

À l’aide de cet événement, la date nouvellement sélectionnée (sous forme de chaîne) est transmise en tant que premier paramètre.

Au lieu d’utiliser on(change vous avez onSelect pour datepicker, qui se déclenchera lorsque la date sera modifiée.

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

J’espère que ça aide.

Vous pouvez utiliser changeDate

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

vous pouvez vérifier ici: http://bootstrap-datepicker.readthedocs.io/en/latest/events.html