Datepicker et id dynamique

Bonjour,
Voila mon code:

Code:

---

<input type="text" class="input1 timedate" name="timeline_date_<?php echo $i ?>" id="timeline_date_<?php echo $i ?>"/>

---

et l'autre code:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

$(document).ready( function() {   $('#timeline_date_1').DatePicker({ format:'Y-m-d', date: $('#timeline_date_1').val(), current: $('#timeline_date_1').val(), starts: 1, position: 'r', mode : 'single', onBeforeShow: function(){ $('#timeline_date_1').DatePickerSetDate($('.timedate').val(), true); }, onChange: function(formated, dates){ $('#timeline_date_1').val(formated); } }); });

---

Je veux bien chaque champ à un datepicker non seulement le premier champ.
Merci bien pour l'aide.

Bonsoir

Pour sélectionner tous les ID commençant par : $( "[id^='timeline_date_']" ).

$( ... ).DatePïcker(); ?

Pour jQuery UI Datepicker : $( ... ).datepicker();.

Oui... ou sinon, on peut utiliser une méthode efficace et éprouvée qui consiste à remplacer les id "commençant par" par une classe unique, ton navigateur te remerciera ! :aie:

Merci bien pour votre réponse mais

j'ai testé votre idée, la même date est insérer dans tous les champs date,
pour l'id timeline_date_1,timeline_date_2,......,timeline_date_n aurant la même date.

on se demande à quoi sert $(this)

Bonjour

Pourquoi la même date ?

Que le sélecteur soit basé sur une classe (cette solution est la meilleure) ou sur une série d'ID, vous pouvez vous servir de la méthode each().

Exemple à partir de votre extrait de code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

$( ".timeLineDate" ).each( function( i, item ){ var jObj = $( item );   jObj.DatePicker({ "format" :'Y-m-d', "date" : jObj.val(), "current" : jObj.val(), "starts" : 1, "position" : 'r', "mode" : 'single', "onBeforeShow" : function(){ jObj.DatePickerSetDate( $('.timedate').val(), true ); }, "onChange" : function( formated, dates ){ jObj.val( formated ); } }); });

---