2017-07-28 5 views
0

J'ai une date d'entrée, cette entrée append de js comme celui-ciDateTimePicker ne fonctionne pas sur l'élément que append forme javascript

var inputdate = '<input type="text" name="date[]" class="form-control date" placeholder="Input date"'; 
    $("form").append(inputdate); 

Et le code html est comme ceci:

<form method="POST"> 
     ... 
    </form> 

Initialiser datetimepicker

$('.date').datetimepicker({ 
     format: 'YYYY-MM-DD' 
}); 

L'élément d'entrée joint avec succès et l'autre forme qui a une date d'entrée Travailler avec datetimepicker. Mais l'élément qui vient de js n'affiche pas datetimepicker, y a-t-il des erreurs?

+1

Pour l'élément nouvellement ajouté, vous devez initialiser le plugin à nouveau –

+0

'var $ inputdate = «

+0

Donc, dans la fonction qui a append html, le plugin devrait s'initialiser à nouveau? –

Répondre

1

Je pense que vous avez manqué une chose ici. Il devrait avoir > à la fin de la chaîne.

Le code d'initialisation doit être Re exécuté après avoir ajouté inputDate dans $('form').

Ainsi, le code doit être:

var inputdate = '<input type="text" name="date[]" class="form-control date" placeholder="Input date">'; 

$("form").append(inputdate); 

$('.date').datetimepicker({format: 'YYYY-MM-DD'}); 
+0

Tout est travail maintenant, merci –