Une boucle for

Résolu
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

1 réponse

  1. Modérateur
    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();
    });
    
    


    0
    1. 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
      0
    2. Modérateur
      @new-devIl me faudrait ton code html pour voir
      0
    3. 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
      0