Automatisch submit bei anklicken des Datepickers?

Hallo,

ich habe einen Datepicker der auch soweit einwandfrei funktioniert. Schön wer es nun noch, dass wenn man einen Tag auswählt, Submit automatisch mit ausgeführt wird ohne noch extra auf den Button klicken zu müssen.

Wäre toll, wenn mir dabei jemand behilflich sein kann.

<script>
$(function() {
  $('#datepicker').datepicker({
      maxDate: new Date('<?php echo date("Y-m-d", time());?>'),
      minDate: new Date('2016-10-10'),
        monthNames: ['Januar','Februar','März','April','Mai','Juni',
        'Juli','August','September','Oktober','November','Dezember'],
        monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
        'Jul','Aug','Sep','Okt','Nov','Dez'],
        dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
        dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
        dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
      showMonthAfterYear: false,
      dateFormat:'dd.mm.yy'
    }
  );    
});
</script>
<form action="index2.php" method="GET" id='form'>
<input class="input_text" type="text" id="datepicker" name="datum" readonly="readonly">
<input class="input_submit" type="submit" value="Abfragen" id="submit"></form>

Freundliche Grüße

Answer 1

[LeBonyt]

Ein andere Möglickeit ist es die Events vom Datepicker selber zu benutzen.

 $(".date").datepicker({
    onSelect: function(dateText) {
        console.log("Selected date: " + dateText + "; input's current value: " + this.value);
    }
});

https://stackoverflow.com/questions/6471959/jquery-datepicker-onchange-event-issue

Woher ich das weiß: Berufserfahrung – Web Developer bei einem mittelständischen Portalbetreiber

Comments

[Jonas8585]

Dieses und diverse andere Beispiele von stackoverflow habe ich bereits durch, leider hat nicht eines funktioniert. Es wird immer und ausschließlich auf den Submit Button reagiert und auf nix anders.

[LeBonyt]

@Jonas8585

Hm.. Gebe zu habe es ja nicht getestet. Ich schau mal..

[LeBonyt]

@LeBonyt

onSelect: function(dateText) {
         $('.input_submit').click(); 
     },

Wenn das Datum gewählt worden ist, dann programmatisch ein Klick auf den Submit Knopf getriggert. So funzt es bei mir so.  

[Jonas8585]

@LeBonyt

Vielen lieben Dank, es funktioniert ohne Probleme.

Answer 2

[FinnB132]

document.getElementById("datepicker").addEventListener("change", (event) => {
 if(event.target.value != ""){
    document.getElementById("form").submit()
 }
});

-> Onchange Event listener auf den datepicker

-> wenn nicht leer

-> submit

https://developer.mozilla.org/de/docs/Web/Events/change

https://www.w3schools.com/jsref/met_form_submit.asp

LG

Woher ich das weiß: Studium / Ausbildung – Gelernter Fachinformatiker, Freiberufl. Softwareentwickler

Comments

[Jonas8585]

Klingt logisch, etliche ähnliche Beispiele hatte ich auch bereits von stackoverflow, nur leider hat nicht eines funktioniert. Es wird immer und ausschließlich auf den Submit Button reagiert.

Answer 3

[RIDDICC]

geht sowas?

<input onChange='submit();' class="input_text" type="text" id="datepicker" name="datum" readonly="readonly">

oder sowas da: https://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/change

var elem = document.getElementById("datepicker");
elem.addEventListener("change", submit);