2012-02-13 2 views
0

J'essaye de cloner un formulaire avec deux différents texfields avec le datepicker. J'ai cherché des réponses ici mais je peux trouver quelque chose comme le mien.Formulaire de clonage avec 2 datepickers

$(document).ready(function() { 
$('#btnAdd').click(function() { 

var num = $('.clonedInput').length;  
var newNum = new Number(num + 1); 
var newElem = $('#input' + num).clone().attr('id', 'input' + newNum); 

newElem.find('#label_cl label').attr('for' , 'label_cl' + newNum); 
newElem.find('#input_cl input').attr('id' , 'input_cl' + newNum); 

newElem.find('#label_cls label').attr('for' , 'label_cls' + newNum); 
newElem.find('#input_cls input').attr('id' , 'input_cls' + newNum); 

$('#input' + num).after(newElem); 
$('#input_cl' + newNum).datepicker; 
$('#input_cls' + newNum).datepicker; 
+0

Et le problème est ???? – gdoron

+0

Que cherchez-vous? – ShankarSangoli

+0

lorsque je clone ces champs de formulaire comme ci-dessus, le datepicker ne fonctionne que sur les deux premiers champs, en fait ceux d'origine, qui ne sont pas clonés –

Répondre

0

Vous devez instancier la nouvelle entrée avec un datepicker aussi, le changement:

$('#input' + num).after(newElem); 

à

newElem.insertAfter('#input' + num).datepicker; 
+0

rien ne s'est passé –

+0

acctually, ce #input est la classe pour la div où les champs sont à l'intérieur –

+0

@RenatoFerreira Si vous n'avez même pas écrit vos sélecteurs correctement, alors vous allez vraiment devoir partager votre code HTML. – Sinetheta

0

Ce n'est pas la façon dont vous initialisez datepicker plugin.

$('#input_cl' + newNum).datepicker; 
$('#input_cls' + newNum).datepicker; 

Modifier à

$('#input_cl' + newNum).datepicker(); 
$('#input_cls' + newNum).datepicker(); 

Vous devez appeler datepicker plug-in afin qu'il appliquera les gestionnaires d'événements nécessaires sur l'élément d'entrée.

+0

étrange, rien ne s'est passé –

Questions connexes