Wie benutze Ajax Post wenn Datepicker das Datum ändert?

Question

Guten Tag

Wert in Eingabe ändern mit Datepicker ui.

Ich möchte Ajax Post verwenden, wenn Wert in der Eingabe geändert wird.

Dazu verwende ich Skript:

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

Aber Ajax-Post-Abfrage mit dem alten Datum ausgeführt wird.

Datepicker hat keinen Zeitänderungswert im Eingang.

Sagen Sie mir, wie man nach Datumskalender Abfrage das Datum im Feld ändern?

Me benötigen:

1) picker das Datum ändern;

2) Abfrage sollte mit neuem Datum gesendet werden.

Answer 1

Sie können auf picker Ereignisse Ajax Post auslösen:

$("#datepicker").datepicker({ 

    onSelect: function(date, instance) { 

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

Hope this helps- @Codebrain

Answer 2

Vielleicht sollten Sie onSelect Ereignis des Datepicker betrachten (siehe here).

Mit diesem Ereignis wird das neu ausgewählte Datum (als Zeichenfolge) als erster Parameter übergeben.

Answer 3

Anstelle von on(change haben Sie onSelect für Datepicker, die ausgelöst werden, wenn das Datum geändert wird.

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

Ich hoffe, es hilft.

Answer 4

können Sie verwenden changeDate

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

Sie können hier überprüfen: http://bootstrap-datepicker.readthedocs.io/en/latest/events.html