Galera, montei um formulário dinâmico usando JS. Dentro desse formulário tenho vários input com a classe data
, onde chamo o datepicker. Porém eles não funcionam, alguém pode me ajudar com isso?
Segue o exemplo abaixo. Reparem que no input não dinâmico o datepicker funciona.
$('.data').datepicker({
'autoclose': true
});
function adicionarCampos() {
var objSelect = document.getElementById("numParcelas");
var i;
var linha = "";
// Cria os input
for (i = 0; i < objSelect.value; i++) {
// Monta HTML
linha += "\
<input type='text' name='data" + i + "' id='linha" + i + "' class='data' maxlength='10'>\n\
";
}
document.getElementById("txtParcelas").innerHTML = linha;
}
// Chama o evento
window.onload = adicionarCampos;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
Aqui o datepicker funciona
<input type='text' class='data'>
<br><br><br><br>
Gera o formulário
<input type='text' id='numParcelas' name='numParcelas' OnKeyUp="adicionarCampos()" value="1">
<br>
Aqui o datepicker não funciona<br>
<span id="txtParcelas"></span>