Necessitava de adicionar o plugin datepicker a uns inputs que que são adicionados dinamicamente através de um script jquery:
Segue o script que estou a usar:
$(document).ready(function() {
var txtQuantidade = document.getElementById("txtNumDias");
var divForm = document.getElementById("divForm");
var tmplLinha = document.getElementById("tmplLinha").content;
txtQuantidade.addEventListener("change", function () {
var quantidade = {};
quantidade.old = parseInt(divForm.dataset.qtd) || 0;
quantidade.new = parseInt(txtQuantidade.value) || 0;
if (quantidade.new > quantidade.old) {
for (var indice = quantidade.old; indice < quantidade.new; indice++) {
var linha = document.importNode(tmplLinha, true);
[].forEach.call(linha.querySelectorAll("input[id]"), function (input){
input.id = input.id + indice;
});
divForm.appendChild(linha);
}
} else {
var linhas = [].slice.call(divForm.children, quantidade.new);
linhas.forEach(function (linha, indice) {
divForm.removeChild(linha);
});
}
divForm.dataset.qtd = quantidade.new;
});
}).trigger('onchange');
Este script adiciona o numero de inputs que está definido num input de texto, consoante o numero, cria o seguinte código
<div id="divForm"></div>
<template id="tmplLinha">
<div class="col-md-12">
<div class="col-md-4">
Dia: <input type="text" class="inserir_data form-control" name="data[]" value=""/>
</div>
<div class="col-md-4">
Hora de Inicio: <input type="time" class="form-control" name="hinicio[]" value="<?php echo set_value('hinicio[0]'); ?>"/>
</div>
<div class="col-md-4">
Hora fim: <input type="time" class="form-control" name="hfim[]" value="<?php echo set_value('hfim[0]'); ?>"/><br/>
</div>
</div>
</template>
segue o script para chamar a função para a class das caixas de texto de data:
$(function() {
$('.inserir_data').datepicker();
});
já tentei criar uma caixa de texto fora desse conteúdo dinâmico e tudo funciona mas nessas caixas de texto não funcionam