[Javascript] jQuery datepicker startdatum = eindatum

Door John Cena op 16-12-2009 10:27

2.359 views

Dames, heren,

Ik gebruik op dit moment de jQuery datepicker op een website en wil dat bezoekers de begin en einddatum kunnen selecteren.
Nu is het natuurlijk wel zo dat de einddatum nooit vóór de begindatum kan liggen. Op het moment kan dat nog wel, want er is geen enkele interactie tussen beide inputs.
Wie kan mij hier mee helpen?
Code:


<td>Gewenste aankomstdatum</td>
						<td>
							<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
							<script type="text/javascript" src="/resources/js/datepicker.js"></script>
							<script type="text/javascript">
								$(function() {
								$("#datepicker").datepicker();
								});
							</script>
						<input type="text" id="datepicker" name="aankomst" size="30" maxlength="50" class="kalender" /></td>
					</tr>
					<tr>
						<td>Gewenste vertrekdatum</td>
						<td>
							<script type="text/javascript">
								$(function() {
								$("#datepicker1").datepicker();
								});
							</script>
							<input type="text" id="datepicker1" name="vertrek" size="30" maxlength="50" class="kalender"  /></td>

Michel de Groot

16-12-2009 12:57

Als je je eerste datepicker in onderstaand veranderd zou het moeten lukken:


$("#datepicker").datepicker({
		dateFormat: 'dd-mm-yy',
		onClose: function(){
			var BekijkDatum = $(this).val();
			var NietEerder = BekijkDatum.split("-");
			$("#datepicker1").datepicker('option', 'minDate', new Date(NietEerder[2],NietEerder[1]-1,NietEerder[0]));
			$('#datepicker1').val(BekijkDatum);
		}
	});

John Cena

16-12-2009 14:13

Kheb nu dit:


			<script type="text/javascript">
								$(function() {
								$("#datepicker").datepicker({
									dateFormat: 'dd-mm-yy',
									onClose: function(){
										var BekijkDatum = $(this).val();
										var NietEerder = BekijkDatum.split("-");
										$("#datepicker1").datepicker('option', 'minDate', new Date(NietEerder[2],NietEerder[1]-1,NietEerder[0]));
										$('#datepicker1').val(BekijkDatum);
									}
								});
							</script>
						<input type="text" id="datepicker" name="aankomst" size="30" maxlength="50" class="kalender"  /></td>
					</tr>
					<tr>
						<td>Gewenste vertrekdatum</td>
						<td>
							<script type="text/javascript">
								$(function() {
								$("#datepicker1").datepicker();
								});
							</script>
							<input type="text" id="datepicker1" name="vertrek" size="30" maxlength="50" class="kalender" /></td>

Alleen, nu werktie in z'n geheel niet meer :P

Michel de Groot

16-12-2009 16:12

Je hebt je document.ready function niet afbesloten.


<script type="text/javascript">
$(function(){
	$("#datepicker").datepicker({
		dateFormat: 'dd-mm-yy',
		onClose: function(){
			var BekijkDatum = $(this).val();
			var NietEerder = BekijkDatum.split("-");
			$("#datepicker1").datepicker('option', 'minDate', new Date(NietEerder[2],NietEerder[1]-1,NietEerder[0]));
			$('#datepicker1').val(BekijkDatum);
		}
	});
});
</script>

John Cena

16-12-2009 16:22

Bedankt, hij werkt! :)

Reageren

Inloggen om te reageren