Calendário não aparece em formulário pai x filho

Bom dia pessoal, preciso de um auxílio de vocês.

Estamos desenvolvendo um formulário pai x filho onde o primeiro campo será preenchido com uma data, porém ao clicar no "botão" para selecionar a data, o calendário não está aparecendo. O problema ocorre em todos os navegadores.

form.png

Segue script e html do campo:


FLUIGC.calendar('#MY_SELECTOR', {
                pickDate: true,
                pickTime: false
            });


<td width="200">
        <div class="input-group date" id="MY_SELECTOR">
            <input type="text" class="form-control" placeholder="Data Deslocamento" id="dataDesloc" name="dataDesloc" onclick='validaDataDeslocamento(this.id);' >
            <span class="input-group-addon">
                <span class="fluigicon fluigicon-calendar fluigicon-xs" ></span>
            </span>
        </div>
</td>

Obrigado!

Thiago

compartilhar
  • Bom dia pessoal.

    Consegui contornar o problema chamando a função abaixo ao clicar no botão para escolha da data, "forçando" o carregamento do calendar.

    function selecionaData (campo) { FLUIGC.calendar('#'+campo, { pickDate: true, pickTime: false }); }

    Acredito que não seja a melhor alternativa, mas por enquanto nos atende.

    Thiago

    Thiago Basso   09 de May de 2017
Anexos
  • form.png
    1. 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.
    2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
    3. 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.
    4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
    5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

    4 respostas

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