Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jefersonperrot

Datepicker

Recommended Posts

Boa tarde

 

Gostaria de saber se alguém pode me ajudar com um Datepicker Jquery.

 

Tem como fazer com que um Datepicker (exibido de forma Inline - fixo) alimente um input text do mesmo form?

 

 

Desde já agradeço

Atenciosamente,

Jeferson Perrot

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Marcelo

 

É esse mesmo que estou usando, porém o exemplo de uso que tem disponível no site deles é um input que exibe o datepicker ao clicar, saca?

 

Preciso de um que seja o input e o elemento datepicker separado...

 

Mas valeu pelo retorno!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Jeferson, mas o datepicker do UI pode ficar sempre visível, não pode?

 

Outra alternativa é criar um input hidden para o datepicker e copiar o valor escolhido para este outro input.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim, pode sim, é a opção inline do datepicker.

 

Quanto ao input hiden, poderia ser também, porém não sei como captar o valor clicado e passá-lo para o input.

 

Isto é feito por js, não é? Você saca como faz?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Jefferson, veja encontrei um script na web e o modifiquei. Veja se te ajuda:

 

<html>
<head>
   <script type="text/javascript" src="js/vendor/jquery-1.8.0.min.js"></script>
</head>
<body>
   <form>
       <input type="text" name="startdate" id="startdate" value=""/>
       <input type="text" name="enddate" id="enddate" value=""/>
       <input type="checkbox" name="checker" id="checker" />
   </form>
   <script>
   $(document).ready(function(){
           $("input#enddate").bind("click",function(o){
               if($("input#enddate:focus").length){
                   $("#enddate").val($("#startdate").val());
               }else{
                   $("#enddate").val("");
               }
           });
       }
   );
   </script>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.