[jquery] pas deux fois la même date dans un datepicker

Dacobah

Nouveau WRInaute
Bonjour à tous !

J'utilise le jQuery datepicker (de jQuery UI dont la doc est sur cette page : http://jqueryui.com/demos/datepicker/).
J'ai réussi à paramétrer quelques trucs tel que le Date Range qui affiche deux calendriers (un pour chaque input : le premier étant prévu pour la date de début et le second pour la date de fin).

Bref tout ça marche, mais je me demandais comment faire pour que l'utilisateur ne puisse jamais sélectionner la même date dans les deux calendriers (en imaginant que l'utilisateur peut aussi commencer par sélectionner la date de fin) ?

Merci d'avance.

helpdaterange.jpg
 

Djibou_Te@M

WRInaute occasionnel
Je pense que tu dois agir avec des fonctions parallèles qui vont désactiver la date sélectionnée sur l'autre datapicker sur le onclick par exemple.

En cherchant un peu sur Google, tu as des éléments de réponses, il te suffit de chercher : "désactiver date datepicker jquery"...
Enfin bon, je te donne une piste : http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerCustomCellRender.html

Fais nous part de tes progressions sur le sujet, :wink:
 

spout

WRInaute accro
Tu mets une fonction à l'événement onSelect:
Code:
$(function(){
	$('input#DateStart').datepicker({onSelect: dateSelected});
        $('input#DateEnd').datepicker();
});

dateSelected = function(dateText, inst){
	$('input#DateEnd').datepicker("option", "minDate", new Date(inst.currentYear, inst.currentMonth, inst.currentDay+1) );
}
 

Discussions similaires

Haut