Mhm der Titel klingt wohl etwas verwirrend, aber egal. Ich sitze gerade an einem kleinen Statistiktool in dem ich den beliebten Datepicker aus jQueryUI benutze.
Das “Plugin” ließ sich auch leicht installieren, doch ich wollte mir nach der Auswahl des jeweiligen Datums den Klick auf den Absende-Button für das Formular sparen, da es in dem Formularfeld eh nur die Auswahlmöglichkeit für den jeweiligen Tag gab.
Also kurz in der Dokumentation gewühlt und dabei auf onSelect gestoßen, Code der also ausgeführt wird sobald man ein Datum im Datepicker ausgewählt hat.
Zusammen mit dem Code zum automatischem Absenden kann die Verwandlung eines Inputs in eine komplexe Datumsbox daher so aussehen:
$(document).ready(function(){
$("#datepicker input.date").datepicker({
onSelect: function(dateText){
$(this).parent("form")[0].submit();
}
});
});
Also eigentlich relativ einfach. Das Snippet sucht nach dem Klick auf ein Datum das übergeordnete Form-Element und schickt dieses automatisch ab. Hach, jQuery ist einfach toll :)
