Pai x Filho + Calendar

Boa noite.

Gostaria de fazer que o campo campo_data fosse recebesse o calendário conforme LINK

Código Pai x Filho exemplo

<table tablename="itens" class="table table-hover table-bordered" addbuttonclass="btn btn-primary" addbuttonlabel="Adicionar Produto">
      <thead>
          <tr><td>Data</td></tr>
      </thead>
      <tbody>
          <tr><td class="col-md-2"><input type="text" name="campo_data" id="campo_data" class="form-control"></td></tr>
    </tbody>
</table>

Já vi os tópicos abaixo mas ainda não consegui entender

Tópico 1: https://forum.fluig.com/562-calendario-nao-aparece-em-formulario-pai-x-filho

Tópico 2: https://forum.fluig.com/896-calendario-pai-x-filho

Agradeço de antemão à comunidade,que tem me ajudado bastante.

criado 28 de Mar de 2018
janilson
254 pontos
editado 28 de Mar de 2018

Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

2 respostas

up 2 down
@Janilson,

Tente fazer dessa forma no javascript do formulário:
```
$("input[id^='campo_data___']").each(function(index) {
    var idCampo = $(this).attr("id");
    FLUIGC.calendar('#' + idCampo);
});
```
- editar
- x
  
  grosseiro ou ofensivo pouco construtivo obsoleto outro...
  Motivo
- criado 29 de Mar de 2018
  Gabriel Franco da Rocha Nascimento
  6500 pontos
- 0
  Acabei te fazer isso mas nada acontece. Eu clico no campo em questão e pare ser um campo texto normal. Não sei se preciso fazer mais alguma coisa
  
  No HTML do meu forme, abaixo da tag body, coloquei o código abaixo
  
  ... <script type="text/javascript"> $("input[id^='campo_data___']").each(function(index) { var idCampo = $(this).attr("id"); FLUIGC.calendar('#' + idCampo); }); </script>
  — janilson 02 de Apr de 2018
Adicionar comentário

Caracteres restantes: 600
Quero acompanhar este tópico via email.

Comentário
Utilize formatação mini-Markdown: [link](http://exemplo.com) _italico_ **negrito** `codigo`.
Comentarios devem ter, no maximo, 600 caracteres. Se achar necessario, utilize links em vez de copiar código ou ainda edite sua pergunta/resposta para colocar mais informações
up 0 down
Olá Janilson,

Fiz da seguinte forma...
- Dentro de uma div com id 'calendario', criei uma input do tipo text mais uma span com um ícone de calendar, para quando o usuário clicar em cima, abrir o calendario:
```
<td>
    <div class="input-group date" id="calendario">
        <input type="text" class="form-control" name="data" id="data" placeholder="  /  /    " readonly>
        <span class="input-group-addon"><span class="fluigicon fluigicon-calendar"></span></span>
    </div>
</td>
```
- Criei um botão para incluir uma nova linha no footer da tabela e com o método de onClick chamando a função 'addLinha':
```
<tfoot>
    <tr>
        <td>
            <button type="button" class="btn btn-default" onclick="addLinha('minhaTabela')">Incluir</button>
        </td>
    </tr>
</tfoot>
```
Ps. 'minhaTabela' é o id da minha table.
- Abaixo o script com a função:
```
<script>
    var quantLinhas = 0;

    function addLinha(tabela){
        wdkAddChild(tabela);

        FLUIGC.calendar('#calendario___' + quantLinhas.toString(), {
            language: 'pt-br'
    });
    }
</script>
```
Espero ter ajudado!
- editar
- x
  
  grosseiro ou ofensivo pouco construtivo obsoleto outro...
  Motivo
- criado 16 de May de 2019
  Eduardo Araújo
  10 pontos
Adicionar comentário

Caracteres restantes: 600
Quero acompanhar este tópico via email.

Comentário
Utilize formatação mini-Markdown: [link](http://exemplo.com) _italico_ **negrito** `codigo`.
Comentarios devem ter, no maximo, 600 caracteres. Se achar necessario, utilize links em vez de copiar código ou ainda edite sua pergunta/resposta para colocar mais informações

fluig forum

Pai x Filho + Calendar

Comentário

2 respostas

Comentário

Comentário

Não é a resposta que estava procurando? Procure outras perguntas com as tags paiefilho calendario ou faça a sua própria pergunta.