Bonjour à tous.
J'utilise le plugin datepicker de Jquery UI pour une petite application web.
J'aurais besoin de sélectionner le champ "date" dans ma div "delai" dans l’instanciation de mon plugin, malheureusement je n'y arrive pas !
En fait, j'ai deux div principales, "delai" et "activite", contenant chacun les champs "debut" et "fin", où datepicker est instancié.
Je voudrais pouvoir appliquer le plugin selon que l'utilisateur se trouve dans "delai" ou "activite", sans avoir à toujours changer les id enfants de "debut" et "fin"

Voici mon code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(function() {
		var dates = $("div[id='delai'] #debut, div[id='delai'] #fin").datepicker({
			defaultDate: "+1w",
			dateFormat: 'yy/mm/dd',
			changeMonth: true,
			numberOfMonths: 2,
			onSelect: function( selectedDate ) {
				var option = this.id == "debut" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" ),
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates.not( this ).datepicker( "option", option, date );
			}
		});
	});
Tout se joue à la ligne suivante :

var option = this.id == "debut" ? "minDate" : "maxDate"
J'aurais besoin que le "debut" soit l'id de la balise début contenu dans ma div "delai".
Comme un simple $("#delai").find("#debut");
Mais cette forme ne marche pas quand je remplace "debut"...
Quand je met "debut" pour ma div "delai" et "debut2" pour ma div "activite" tout marche bien...

merci d'avance !