Hallo allemaal,

Uit een eerdere vraag kreeg ik het advies om datepicker te gebruiken.
Nu heb ik 2 invoervelden met beide een knopje er naast om de kalender te openen.
Eigenlijk wil ik i.p.v. de invoervelden een kei harde tekst. (de datums)
Wie kan mij helpen?
De code staat hier onder.

Alvast bedankt.


	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
	<script type="text/javascript">
	$( function() {
		var dateFormat = "mm/dd/yy",
			from = $( "#from" ).datepicker({
											defaultDate: getDate( this ),
											maxDate: new Date('<?php echo substr($dagb_datum1, 6,4)."-".substr($dagb_datum1, 3,2)."-".substr($dagb_datum1,0,2); ?>'),
											numberOfMonths: 1,
											showButtonPanel: false,
											showOtherMonths: true,
											selectOtherMonths: false,
											changeMonth: true,
											changeYear: true,
											showOn: "button",
											buttonImage: "images/kalender.png",
											buttonImageOnly: true,
											buttonText: "Selecteer van datum",
											showWeek: true,
											firstDay: 1
			}),
			to = $( "#to" ).datepicker({
											defaultDate: getDate( this ),
											minDate: new Date('<?php echo substr($dagb_datum2, 6,4)."/".substr($dagb_datum2, 3,2)."/".substr($dagb_datum2,0,2); ?>'),
											numberOfMonths: 1,
											showButtonPanel: false,
											showOtherMonths: true,
											selectOtherMonths: false,
											changeMonth: true,
											changeYear: true,
											showOn: "button",
											buttonImage: "images/kalender.png",
											buttonImageOnly: true,
											buttonText: "Selecteer t/m datum",
											showWeek: true,
											firstDay: 1
			});
		
			function getDate( element ) {
				var date;
				try {
					date = $.datepicker.parseDate( dateFormat, element.value );
					} catch( error ) {
					date = null;
					}
			 
			return date;
			}
	});
	
	</script>



<div class="pf">Periode van: <label for="from"></label>
								<input type="text" id="from" name="dagb_datum1" tabindex="1" size="16" value=<?php echo $dagb_datum1; ?>> t/m <label for="to"></label>
								<input type="text" id="to" name="dagb_datum2" tabindex="2" size="16" value=<?php echo $dagb_datum2; ?>>							
								</div>
Nooit geprobeerd, maar kan je het niet aan een normaal vast element (<span> bijv.) koppelen?
Of de echte datums in hidden velden kieperen en iets afdrukken in een div of span inderdaad. Dat wat je ziet hoeft niet per se datgene te zijn wat je submit.
Geweldig en lekker snel dat ik antwoord krijg.
Ik ben daar niet bekend mee, maar ik vermoede wel dat er zo iets zou zijn. Bedankt voor de antwoorden. Ik laat weten hoe ik het uiteindelijk heb opgelost.

[size=xsmall]Toevoeging op 03/05/2018 21:12:37:[/size]

<INPUT type="hidden" ..... is de oplossing.
Bedankt

Reageren