Discussion :

[nizar24]

Bonjour,
Voila mon code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et l'autre 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
$(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.

[danielhagnoul]

Bonsoir

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

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

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

[Bovino]

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 !

[nizar24]

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.

[SpaceFrog]

on se demande à quoi sert $(this)

[danielhagnoul]

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 :

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
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 );
		}
	});
});