UI Datepicker. Ajouter +1 jour à une date [Résolu]

[bpdelavega]

Bonjour,
Je travaille sur des champs de saisie avec DatePicker :
Mon script est quasiment terminé, il me reste à faire une dernière chose : une fois la date saisie sur le champ 1, j'aimerai initialiser le minDate du champ 2 avec la valeur du champ 1 + 1 jour, mais je n'y arrive pas.

Voici mon code actuellement :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
jQuery("#datepicker1").datepicker({ 
	minDate: 0,
	altFormat: 'yy-m-d',
	altField: '#arrivalDate',
	onClose: function(dateText, inst){																			
		jQuery("#datepicker2").attr('disabled', false);
		var TheDate = new Date(dateText);
		startDate = TheDate.getDate();
		jQuery("#datepicker2").datepicker("option", "minDate", startDate);
	}									
});

[SpaceFrog]

Code :

setDate()=getDate()+1

[bpdelavega]

SpaceFrog, merci pour ton aide, mais tu es sûr de ce que tu dis, ou c'est juste histoire d'écrire un truc ?

[Arnaud F.]

Envoyé par bpdelavega

SpaceFrog, merci pour ton aide, mais tu es sûr de ce que tu dis, ou c'est juste histoire d'écrire un truc ?

Non, c'est bel et bien comme ça qu'il faut faire

Code :

1
2
3
4
5
 
var v = new Date(); 
console.log(v); //  Thu Feb 10 2011 21:00:57 GMT+0100 (Paris, Madrid)
v.setDate(v.getDate() + 1);
console.log(v);  // Fri Feb 11 2011 21:00:57 GMT+0100 (Paris, Madrid)

[SpaceFrog]

SpaceFrog, merci pour ton aide, mais tu es sûr de ce que tu dis, ou c'est juste histoire d'écrire un truc ?

Ben oui c'est juste histoire d'écrire un truc comme je l'ai fait 26 174 fois avant celle-ci

[Bovino]

Envoyé par bpdelavega

SpaceFrog, merci pour ton aide, mais tu es sûr de ce que tu dis, ou c'est juste histoire d'écrire un truc ?

Et toi, tu es sûr de ta question au moins ?
Envoyer bouler quelqu'un qui donne la bonne réponse (donc sans même avoir prit le temps de tester 2 lignes de code), c'est assez inédit !

[bpdelavega]

SpaceFrog, Bovino, désolé mais j'ai épluché le net pendant des heures à la recherche d'une solution à mon problème avant de venir sur ce forum, ta solution du getDate(), ça marche pas, car ça donne uniquement la date du jour : c'est la première chose que j'ai faite. Je précise que je ne suis pas un gourou du JS mais bon j'ai quand même plus d'une dizaine d'années d'expérience dans le développement WEB, et si vous recherchez mes posts sur ce forum, c'est la première fois que je post une question sur du JS, preuve que je me débrouille généralement.

Avant de vous demander de l'aide, j'ai tout tenté...
J'ai fait le setDate avec le contenu de ma variable récupérée dans le champ INPUT, et ensuite un getDate + 1 et ça me donne toujours la date du lendemain à la date courante. j'ai testé les parseDate, setDate, getDate etc avec bien-sûr le +1, mais la date ne me donnait pas l'ajout d'un jour à la date passée en paramètre, et mon calendrier jQuery me donnait des valeurs bizarres. Pour info, je connais très bien l'objet Date en JS.

Je ne me serai pas permis de te répondre une telle réponse dans d'autres circonstances : parce que je sais pertinemment que cette réponse donne la date du lendemain à la date courante.

Ce dont j'avais besoin comme aide, c'est une réponse dans mon contexte, c'est-à-dire quelqu'un qui savait comment faire avec le datepicker de jquery, avec une date passée en paramètre...

[Bovino]

Code :

1
2
3
4
5
6
var dTxt = prompt('Entrez une date (jj/mm/aaaa) :');
var dDate = new Date(dTxt.split('/')[2],dTxt.split('/')[1] - 1,dTxt.split('/')[0]);
var affiche = 'Date : ' + dDate.toLocaleString() + '\n';
dDate.setDate(dDate.getDate()+1);
affiche += 'Lendemain : ' + dDate.toLocaleString();
alert(affiche);

[Loceka]

+1 sur Bovino, t'as "tout" cherché sauf ce qu'a dit SpaceFrog en gros...

Code :

1
2
3
var date = new Date("Thu Feb 8 2011 21:00:57 GMT+0100 (Paris, Madrid)");
date.setDate(date.getDate()+1);
alert(date);

[bpdelavega]

Merci les gars ! Bon j'avoue j'ai été un peu violent, mais j'avais trop la haine !
J'ai passé tout mon temps à chercher, et je savais qu'il y avait une solution rapide, et qu'il me manquait juste un élément du puzzle, et quand j'ai vu la réponse ça m'a un peu blasé.
Bien évidemment je remercie tout le monde pour son aide, et en particulier Bovino et Spacefrog (qui a pris la peine de me répondre rapidement).

Maintenant j'ai testé la solution de Bovino, elle fonctionne parfaitement, pourtant je l'ai tenté, et ça me donnait toujours la date du lendemain à la date courante. Après la date passée en paramètre provenait du jQuery datePicker, j'en faisais bien un objet date, et je faisais madate.setDate(madate.getDate() + 1) et je la mettais en minDate de mon calendrier, mais bon ça ne fonctionnait pas. Du coup, j'ai laissé tomber, et j'ai mis une date de début, et une liste déroulante du nombre de jour (je devais mettre en place des calendriers pour des dates de réservation hôtelières) .

Encore 1000 excuses et 1000 merci, ce forum est animé par des gens qui sont vraiment très bons !

[danielhagnoul]

Envoyé par bpdelavega

Bonjour,
Je travaille sur des champs de saisie avec DatePicker :
Mon script est quasiment terminé, il me reste à faire une dernière chose : une fois la date saisie sur le champ 1, j'aimerai initialiser le minDate du champ 2 avec la valeur du champ 1 + 1 jour, mais je n'y arrive pas.

Voici mon code actuellement :

Code :

Bonjour

UI Datepicker, minDate attend un objet new Date(), voir : http://jqueryui.com/demos/datepicker/#option-minDate

[bpdelavega]

Merci pour ta réponse :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
jQuery("#datepicker1").datepicker({ 
	minDate: 0,
	altFormat: 'yy-m-d',
	altField: '#arrivalDate',
	onClose: function(dateText, inst){																			
		jQuery("#datepicker2").attr('disabled', false);
		var TheDate = new Date(dateText);
		startDate = TheDate.setDate(TheDate.getDate()+1);//-->Modif
		jQuery("#datepicker2").datepicker("option", "minDate", startDate);
	}									
});

En principe c'est bon non ?

[danielhagnoul]

Bonjour

Non, getDate() c'est le numéro de la date du jour pas l'objet Date, exemple :

Code :

1
2
3
4
5
6
7
8
9
var laDate = new Date(2011, 2-1, 9);
 
var startDate = laDate.getDate() + 1;
 
// mercredi 9 février 2011 0:00:00
console.log(laDate.toLocaleString());
 
// 10
console.log(startDate);

Voir l'exemple : http://www.developpez.net/forums/d10...ble-yearrange/

[bpdelavega]

Merci danielhagnoul pour votre réponse :

En fait je ne comprends pas :

Code :

1
2
 
onClose: function(dateText, inst){...}

Quelle la nature de dateText ?
Je veux juste initialiser la date de mon second champ avec la valeur du champ 1 augmentée d'un jour.