1

Estou utilizando o jQuery Date Range Picker em um formulario. Segue o código no jsfiddle

Meu problema está em quando eu clino na input Entrada aparece o date range picker normalmente, mas quando clico na data de entrada precisava que ele fechasse e abrisse na input de Saida. Do modo que está eu seleciono a data de entrada e de saida pela input de entrada.

Alguem sabe como posso resolver isso?

2
  • Após selecionar a primeira data, colocar a div do datepicker abaixo do input da data final, serve como solução?
    – Mathiasfc
    5/06/2017 às 21:20
  • Repara que no código que passei no jsfiddle quando seleciono a entra o date range picker fica so na input de entrada. Repara como funciona no site da decolar.com era daquele jeito que eu precisava
    – Enio
    5/06/2017 às 21:22

1 Resposta 1

1

Eu não me aprofundei nos eventos que o próprio datepicker disponibiliza, talvez tenha alguma forma mais "correta" de fazer isso. Eu simplesmente detecto o clique no datepicker, se após o clique a data inicial for preenchida, reposiciona o datepicker abaixo do input da data final.

$(".date-picker-wrapper").click(function(){
    if($(this).find(".start-day").html().length > 4){
        $(this).css('left',$("#datasaida").offset().left);
  }
});

Segue um fiddle do código: jsFiddle

*Nota que ao redimensionar a página a posição inicial é restaurada, da para tratar isso com resize()

5
  • Tem como abrir o DatePicker ao clicar no input de saida tambem?
    – Enio
    5/06/2017 às 21:29
  • Abrir no dataentrada ou no datasaida mesmo? (no datasaida é um pouco mais complicado :P)
    – Mathiasfc
    5/06/2017 às 21:31
  • Abrir no datasaida so para mudar a data de saida. tem como?
    – Enio
    5/06/2017 às 21:32
  • @Newtech acho que nesse caso, nós temos que fazer a mesma coisa que fizemos pro dataentrada, ao clicar no datasaida posicionar o datepicker no dataentrada, olhei na doc. não encontrei nada sobre começar selecionando o intervalo a partir da data final :/ deixa a pergunta em aberto ai, talvez alguém venha com uma outra alternativa p/ resolver essa questão.
    – Mathiasfc
    5/06/2017 às 21:39
  • não precisa começar selecionar apartir da data final. so dando para abrir o data picker pela datasaida ja está bom
    – Enio
    5/06/2017 às 21:48

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .