Input veld met datum moet opgeslagen worden (jquery?)

Door Brecht S op 27-05-2015 11:33 gewijzigd op 27-05-2015 13:33

6.876 views

Ik heb een datum input veld waarin ik een datum kan kiezen ;-)
Als ik die gekozen heb moet hij die waarde opslaan en direct als de value tonen in dat datumveld. Nu werkt dit wel maar enkel na de refresh. Ik zal hier jquery voor nodig hebben.
Tot nu toe heb ik volgend script maar werkt niet zoals het moet.


<div class="form-group">
	<label class="col-sm-3 control-label">Datum kiezen</label>
		<div class="col-sm-6">
			<div class="input-group">
				<input type="text" name="datum" id="zoekdatum" class="form-control datepicker" data-format="yyyy-mm-dd" value="<?php echo $_SESSION['zoekdatum']; ?>">
			<div class="input-group-addon">
				<a href="#"><i class="linecons-calendar"></i></a>
			</div>
                </div>
		</div>
                                    
                        <div class="col-sm-3"><button type="submit" name="Submit" class="btn btn-info">Zoeken</button></div>

</div>


<script>
$("#zoekdatum").change(function(){

	    //event.preventDefault();
		//var formMessages = $('#form-messages');
		var zoekdatum = $(this).val();
		var datumtest = $.session.set("datumtest2", zoekdatum);
		alert ($.session.get("datumtest2"));	

	        //$(formMessages).removeClass('error').removeClass('success');
});	
</script>

De alert geeft momenteel 'undefined' weer. Ik denk ook wel dat er een betere manier moet zijn ipv te werken met sessies.

Brecht S

27-05-2015 16:50 gewijzigd op 27-05-2015 16:53

@Johan K: ik ben volledig mee. Ik werk ook met ajax voor bepaalde toepassingen.
Alleen had ik zover nog niet gedacht. Ik heb nu het volgende gemaakt maar werkt nog niet. Het zoekdatum input veld is niet geupdate maar blijft leeg staan.


$("#zoekdatum").change(function(){

$.ajax({
            type: 'post',
            url: '/reservaties-overzicht-ajax.php',
            data: $(this).serialize(),
            success: function(data){
                $('#zoekdatum').html( data );
            }
});
	    
});

En voor de reservaties-overzicht-ajax.php file:


<?php
$zoekdatum = $_POST['datum'];
echo $zoekdatum;
?>


<div class="form-group">
    <label class="col-sm-3 control-label">Datum kiezen</label>
        <div class="col-sm-6">
            <div class="input-group">
                <input type="text" name="datum" id="zoekdatum" class="form-control datepicker" data-format="yyyy-mm-dd" value="<?php echo $_SESSION['zoekdatum']; ?>">
            <div class="input-group-addon">
                <a href="#"><i class="linecons-calendar"></i></a>
            </div>
                </div>
        </div>
                                    
                        <div class="col-sm-3"><button type="submit" name="Submit" class="btn btn-info">Zoeken</button></div>

</div>

Reageren

Inloggen om te reageren