Datum aus Datepicker an formular weiterleiten

[lapos79]

Hallo, ich möchte in meinem Formular das Datum aus meinem Datepicker(Javascript) an eine php Datei weiterleiten.
Die php Datei kann ich nicht bearbeiten, aber mit den jeweiligen "namen" ansprechen. Bei der Übergabe sind die werte tag, monat und jahr getrennt zu übergeben.
Jetzt muß das datum was der Gast per datepicker ausgewählt hat an die php datei per formular übergeben werden.
Aber wie bekomme ich die einzelnen werte in das formular zur übergabe ?

So sieht der jetzige code aus:

<script src="js/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker,#datepicker1" ).datepicker();
});
</script>

<form action="/Buchung.php" method="post" name="obs_form" >


<select name="objekt[]" class="frm-field required">
<option value="">alle anzeigen</option>
<option value="6124">whg1</option>
<option value="17598">whg2</option>
<option value="17629 ">whg3</option>
<option value="17624">whg4</option>
</select>

</div>
</li>
<li class="span1_of_1 left">
<h5>Anreise:</h5>
<div class="book_date">
<input class="date" id="datepicker" type="text" value="DD/MM/YY" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'DD/MM/YY';}">
<input type="hidden" name="datum_tag" >
<input type="hidden" name="datum_monat">
<input type="hidden" name="datum_jahr">



</div>
</li>
<li class="span1_of_1 left">
<h5>Abreise:</h5>
<div class="book_date">
<input class="date" id="datepicker1" type="text" value="DD/MM/YY" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'DD/MM/YY';}">
<input type="hidden" name="datum2_tag">
<input type="hidden" name="datum2_monat">
<input type="hidden" name="datum_jahr">


</div>
</li>
<li class="span1_of_2 left">
<h5>Erwachsene:</h5>
<!----------start section_room----------->
<div class="section_room">
<select type="text" name="erwachsene" class="frm-field required" >
<option value="1" selected>2</option>
<option value="3">3</option>
<option value="1">1</option>
</select>
</div>
</li>
<li class="span1_of_3">
<div class="date_btn">
<input type="hidden" value="1" name="x">
<input type="hidden" value="33211" name="id">
<input type="submit" value="verfügbarkeit" />
</form>

 

[Sempervivum]

Hilft dir die Doku des Datepicker nicht weiter?:
http://api.jqueryui.com/datepicker/#method-getDate
Müsste dann etwa so aussehen:

var anreisetag = $("#datepicker").datepicker("getDate");
document.obs_form.datum_tag = anreisetag.getDate();

Das Ganze dann im onsubmit:
http://wiki.selfhtml.org/wiki/JavaScript/Anwendung_und_Praxis/Formulareingaben_überprüfen

 

[lapos79]

ich hab es hin bekommen danke.

<script src="js/jquery-ui.js"></script>
          <script>
                 $(function() {
    $( "#datepicker,#datepicker1" ).datepicker();
    $( "#form_id1" ).submit(function( event ) {
        var date = new Date($( "#datepicker" ).val());
        $('input[name="datum_tag"]').val(date.getDate());
        $('input[name="datum_monat"]').val(date.getMonth() + 1);
        $('input[name="datum_jahr"]').val(date.getFullYear());
        date = new Date($( "#datepicker1" ).val());
        $('input[name="datum2_tag"]').val(date.getDate());
        $('input[name="datum2_monat"]').val(date.getMonth() + 1);
        $('input[name="datum2_jahr"]').val(date.getFullYear());
    });
});