Comment utiliser ajax post lorsque le datepicker de changement de date?

Bon après-midi

Valeur de changement d'entrée avec datepicker de l'interface utilisateur.

Je veux utiliser ajax post lorsque la valeur d'entrée sera le changement.

Pour cela, j'utilise le 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);
});
});

Mais ajax post requête est exécutée avec l'ancienne date.

Datepicker n'a pas le temps de changement de valeur en entrée.

Me dire comment faire une requête après avoir datepicker de changer la date dans le champ?

Me faut:

1) datepicker changer la date;

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

InformationsquelleAutor Leo Loki | 2013-02-21
  1. 11

    Vous pouvez déclencher ajax post sur datepicker événements:

    $("#datepicker").datepicker({

    onSelect: function(date, instance) {

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

    Espère que cette aide- @Codebrain

    • Bienvenue @LeoLoki
    InformationsquelleAutor Sakthivel
  2. 2

    Peut-être vous devriez envisager d'utiliser onSelect cas de la datepicker (voir ici).

    À l'aide de cet événement, la nouvelle date choisie (comme une chaîne de caractères) est passée comme premier paramètre.

    • merci pour le code)
    InformationsquelleAutor andri
  3. 1

    Au lieu d'utiliser on(change vous avez onSelect pour datepicker, qui se déclenche lorsque la date est 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);
            });
        }
    });
});

    Espère que cela aide.

    InformationsquelleAutor Karthik Chintala
  4. 1

    Vous pouvez utiliser changeDate

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

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

    InformationsquelleAutor Gryfith