2015-05-08 14 views
20

ich zur Zeit, wie so eine DatumsauswahlOnChange auf einem jQuery Datepicker anhören?

HTML

<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> 
<input id="datepicker" type="datepicker" name="date" placeholder="Date" /> 

JS

$('#datepicker').datepicker() 
    .on("change", function (e) { 
    console.log("Date changed: ", e.target.value); 
}); 

Mein Ziel ist es, zu hören, wenn der Benutzer löscht das Datum Feld erschaffe. Das Änderungsereignis scheint jedoch nur ausgelöst zu werden, wenn Sie das Datumskästchen nicht fokussieren. Ich frage mich, ob es eine Möglichkeit gibt, auf alle Änderungen in einer jQuery-Datumsanzeige zu warten oder ob es bessere Alternativen gibt.

JsFiddle Link: https://jsfiddle.net/szkfm0y7/

+3

Dieser Typ ist kein gültiger Typ. Vielleicht möchten Sie es in Text ändern und sehen, ob das für Sie funktioniert. –

+1

Bitte lesen Sie über die Eingabe des Typs "Datum" http://www.w3.org/TR/html-markup/input.date.html – odedta

+0

lol, dass danke, Datum eingeben war sehr hilfreich –

Antwort

28

Verwenden Sie jquery on input neben dem on change Ereignis

$('#datepicker').datepicker() 
    .on("input change", function (e) { 
    console.log("Date changed: ", e.target.value); 
}); 

Fiddle

+0

Vielen Dank, das Problem behoben !!! –

+1

@JohnPizzo sicher kein Problem! Viel Spaß beim Programmieren :) –

5

Hier ist eine mögliche Lösung: https://jsfiddle.net/7atsua85/

Statt e.target.value, verwenden $ (this) .val(), wie unten gezeigt,

$('#datepicker').datepicker() 
    .on("change", function (e) { 
    //console.log("Date changed: ", e.target.value); 
    alert($(this).val()) 
});