Une boucle for

Résolu/Fermé

new-dev Messages postés 17 Date d'inscription jeudi 8 décembre 2016 Statut Membre Dernière intervention 6 février 2017 - Modifié par new-dev le 27/12/2016 à 16:21
new-dev Messages postés 17 Date d'inscription jeudi 8 décembre 2016 Statut Membre Dernière intervention 6 février 2017 - 28 déc. 2016 à 12:10

Bonjour,

J'ai cette fonction en javascript qui ajoute un calendrier à l'intérieur d'un input en Symfony :

  
$( function() {
 $( "#commande_billet_billet_0_dateVisite").datepicker();
          // reste de la fonction

cet id de l'input change dynamiquement, à chaque clique sur un bouton "Ajouter" cet id va devenir :


$( "#commande_billet_billet_1_dateVisite").datepicker();
$( "#commande_billet_billet_2_dateVisite").datepicker();
$( "#commande_billet_billet_3_dateVisite").datepicker();

etc.

Du coup mon calendrier ne fonctionne que pour le premier input. Je ne sais pas comment faire un for là-dessus vu que le numéro est à l'intérieur de l'id au milieu de caractères.

Merci pour votre aide

A voir également:

Une boucle for
Downloader for pc - Télécharger - Téléchargement & Transfert
Copytrans heic for windows - Télécharger - Visionnage & Diaporama
Idm for mac - Télécharger - Téléchargement & Transfert
Download instagram for pc - Télécharger - Divers Communication
Whatsapp for pc - Télécharger - Messagerie

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38390 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 janvier 2025 4 731
27 déc. 2016 à 17:34

Bonjour,

Là comme ça.. le plus simple que je voie serait :
- Mettre une "class" à tes inputs
- Faire une boucle dessus

Un truc du genre

 <input type="text" id="commande_billet_billet_00_dateVisite" class="maclass">
 <input type="text" id="commande_billet_billet_1_dateVisite" class="maclass">

et côté javascript tu auras quelque chose de la forme:

$(".maclass").each(function(){
  $(this).datepicker();
});

new-dev Messages postés 17 Date d'inscription jeudi 8 décembre 2016 Statut Membre Dernière intervention 6 février 2017 1
27 déc. 2016 à 18:41

Bonjour,

Mes inputs ont déjà tous une classe par défaut : "form-control" sauf le premier input où il y a le calendrier, la classe par défaut devient donc "form-control hasdatepicker".
J'ai essayer de mettre


$(".form-control").each(function() {
          $(this).datepicker();
});

ça ne fonctionne pas
Merci

jordane45 Messages postés 38390 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 janvier 2025 4 731 > new-dev Messages postés 17 Date d'inscription jeudi 8 décembre 2016 Statut Membre Dernière intervention 6 février 2017
28 déc. 2016 à 08:23

Il me faudrait ton code html pour voir

new-dev Messages postés 17 Date d'inscription jeudi 8 décembre 2016 Statut Membre Dernière intervention 6 février 2017 1
28 déc. 2016 à 12:10

Finalement j'ai procéder autrement et ne demande qu'une fois le calendrier, par contre j'aurai le même soucis mais avec un autre élément et là je serai obliger de le demander plusieurs fois, je vais poster un autre message. Merci

Discussions similaires

tele s'eteind et s'allume en boucle

Boucle en Batch