Jquery Timedatepicker ne fonctionnera pas correctement sur un formulaire dynamic

J’ai modifié avec succès un code que j’ai trouvé ici, qui crée de nouveaux champs de zone de texte en utilisant javascript.

J’utilise timepicker avec le plugin jquery datepicker pour une sélection en douceur de la date et de l’heure. J’ai un problème. Le timepicker fonctionne normalement après le chargement de la page, mais après l’ajout de champs de saisie supplémentaires, il ne fonctionne plus.

Voici le code html:

        
 
 
Date From:
Comment charger plusieurs plugins JQuery?
Compte à rebours 24 heures avec Javascript et PHP
IE9 déclenche un événement onbeforeunload lorsque la fenêtre s’ouvre
Définir le focus sur une zone de sélection spécifique
créer un menu de navigation circulaire
 
Date To:
  Add  
 
  

Voici le script

  $(document).ready(function(){ $('.timepicker').datetimepicker(); }); $('#start').click(function(){ $(".timepicker").datetimepicker("destroy"); $(".timepicker").datetimepicker(); }); var num=0; function addField(){ num++; //1 if(num>4){ num--; } makefields(); } function rmField(){ num--; if(num<0){ num++; } makefields(); } function makefields(){ var fields=""; for(var o=0;o<=num;o++){ fields+="
Date From: 
"; fields+="
Date To:
"; } fields+="
"; if(num!=3){fields+="Add";} if(num>0){fields+="Remove";} fields+=""; document.getElementById("fields").innerHTML=fields; }  

J’essaie également d’append les nouvelles valeurs d’entrée dans ma firebase database. Avez-vous des idées sur la manière de procéder? Désolé, je suis toujours nouveau dans le développement web. En espérant devenir meilleur un jour.

EDIT: Voici le code php que je modifie depuis un moment maintenant. Je souhaite que les champs nouvellement créés soient correctement insérés dans ma firebase database. J’ai défini le nombre maximum de champs à append à 4. J’ai essayé d’insérer les champs de manière dynamic en créant un ensemble de champs prêts à les récupérer dans ma table de firebase database (datefrom1, dateto1, datefrom2, dateto2, etc., mais je pas le faire fonctionner.

Aussi, est-il possible d’append un nombre de champs dans mon SQL via le code? Comme si vous avez 2 doublons, le programme créera 2 nouveaux champs dans une certaine table de firebase database? Je préférerais cela si possible. J’ai cherché partout dans le réseau mais je n’ai pas trouvé la solution.

 $mysql_host = 'changed'; // put change for confidentiality $mysql_user = 'changed'; $mysql_pass = 'changed'; $mysql_db = 'changed'; if(!mysql_connect($mysql_host, $mysql_user, $mysql_pass) || !mysql_select_db($mysql_db)) { die(mysql_error()); } $sets=mysql_real_escape_ssortingng($_REQUEST["num"]); for($loop=0;$loop 

• Comment rendre une table dynamic sans connaître les données? en utilisant HTML et JS
• CKeditor Inline: répète les identifiants de paragraphe
• Hauteur de la fenêtre des navigateurs mobiles et mise à l’échelle des pages
• comment fermer automatiquement la zone de sélection mobile lorsqu’un événement de changement d’option est déclenché?
• jquery set sélectionné select option; ne fonctionne pas pour l’option ajoutée dynamicment mais fonctionne pour les options statiques

 document.getElementById("fields").innerHTML=fields; 

 $('#fields').html( fields).find('.timepicker').datetimepicker(); 

 function addField() { // get html from the template var html = $('#fieldTemplate').html(); /* make a new dom element (need to sortingm whitespace or jquery won't parse the template properly */ var $newField = $($.sortingm(html)); // insert the new field and make it a datepicker $('#fieldsContainer') .append($newField) .find('input') .datepicker(); }