2009-08-27 7 views
2

J'ai un problème avec datePicker. Lorsqu'un faire un nouveau champ de texte avec datepicker et l'ajouter à une div it wont work .. Quelqu'un at-il eu le même problème ...J'ai un problème avec jquery ajouter des articles

$(function(){ 

    $("#DP").datepicker({showOn: 'button', buttonId: 'kalendar', buttonImage: 'calendar.gif', buttonImageOnly: true}); 

    $('a').click(function(){ 

     $('<input type="text" id="DP">').appendTo('#some_div').show(); 
    }); 
}); 
... 
... 

<\body> 
<\div id="some_div"></div> 
<\a href="#">New datepicker<\/a> 
... 

J'ai besoin de numéros changeble champs datepickers. Et désolé pour mon anglais ..

Répondre

2

Je pense que cela fait ce que vous voulez qu'il:

... 

    <script type="text/javascript"> 
    $(document).ready(function(){ 
     field_count = 0; 

     $("#add_datepicker").click(function(){ 
      field_count++; 
      var new_field = jQuery("<input type=\"text\" />") 
      new_field.attr("id","datepicker_"+field_count); 
      new_field.attr("name","datepicker_"+field_count); 
      $('#container').append(new_field); 
      $('#container').append(jQuery("<br />")); 
      $("#datepicker_"+field_count).datepicker(); 
     }); 
    }); 
    </script> 
</head> 
<body> 

<form> 
<input type="button" id="add_datepicker" value="Add Datepicker"/> 
<div id="container"> 

</div> 
</form> 

... 

Cela vous permet d'ajouter un autre élément <input> avec un id unique et name afin qu'il puisse être soumis en tant que données de formulaire.

+0

Merci à vous deux. C'est juste ce que je cherchais. Merci encore.... –

0

Le problème est que vous définissez "tous" (c'est-à-dire un) #DP pour être datepicker à document.ready, puis vous créez une nouvelle entrée avec l'ID #DP. Ce ne sera pas automatiquement mis à datepicker, soit vous devez définir la nouvelle entrée comme datepicker au « temps d'étranglement », à savoir

$('a').click(function(){ 

    $('<input type="text" id="DP">'). 
     datepicker(/*...*/).appendTo('#some_div').show(); 
}); 

NB! Vous ne pouvez avoir qu'un seul élément DOM avec ID = DP