Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

[Javascript] jQuery datepicker startdatum = eindatum (Opgelost)

Chilion - 16/12/2009 10:50

MySQL interesse

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:

php code - Bekijk de code zonder highlighting - Klap code in

                <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>

            
<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>
 

8 antwoorden

Gesponsorde links

vinTage - 16/12/2009 10:58 (laatste wijziging 16/12/2009 11:00)
Nieuw lid		minDate edit, te vinden in het tabblad options op bovenstaande link

Chilion - 16/12/2009 11:08
MySQL interesse		Hoe ga ik dat implementeren in bovenstaande code dan?

vinTage - 16/12/2009 11:12
Nieuw lid		Je kan hem gebruiken in de onSelect van je start-datum-picker tabblad events

Chilion - 16/12/2009 11:18 (laatste wijziging 16/12/2009 15:29)

MySQL interesse

hmm, ben er nou lang genoeg mee bezig geweest.

Ik wil dat de minDate de datum van vandaag is, hoe krijg ik voor mekaar?

javascript code - Bekijk de code zonder highlighting - Klap code in

                <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>
            
<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>
 

vinTage - 16/12/2009 15:35
Nieuw lid		Chilion schreef: hmm, ben er nou lang genoeg mee bezig geweest. pech dan, dan werkt het niet zoals je wilt

Chilion - 16/12/2009 16:07 (laatste wijziging 16/12/2009 16:07)
MySQL interesse		Nee, maar dat gaat het ook niet. Het is namelijk een value die hij in een variabele gooit, en dat gaat hem niet worden. Ik kom redelijk in de buurt, ben er bijna geloof ik. Wat is hier niet juist waardoor het niet werkt? javascript code - Bekijk de code zonder highlighting - Klap code in $(function() { $("#datepicker1").datepicker(); minDate: new Date(getDate) }); $(function() { $("#datepicker1").datepicker(); minDate: new Date(getDate) });

marten - 16/12/2009 16:11
Beheerder		De encapsulation van de opties gaat niet goed.

Chilion - 16/12/2009 16:21

MySQL interesse

Kheb em zo gefixed nu.

javascript code - Bekijk de code zonder highlighting - Klap code in

                $(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);
								}
							});
						});
            
$(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);
								}
							});
						});
 

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten