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

  • Auteur de la discussion Auteur de la discussion Dacobah
  • Date de début Date de début
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
 
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:
 
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