Eu estou tentando utilizar o jquery datepicker, mas toda vez que eu crio ele fica sempre aparecendo, como se ele tivesse ali estaticamente. Exemplo do que está acontecendo, e não aparecendo só quando eu clico. https://jsfiddle.net/3hcuLf0j/
1
-
Você está utilizando span. Fiz uma alteração: jsfiddle.net/3hcuLf0j/5 – Netinho Santos 26/05/17 às 19:10
comentar
|
Editado/corrigido: esqueci de editar o link do fiddle.
Talvez utilizando um input no lugar da tag de span funcione. exemplo: https://jsfiddle.net/3hcuLf0j/6/
html:
<input type="text" id="test" maxlenght="10">
js:
$("#test").datepicker();
-
Obrigado pela resposta. É que eu tinha que usar em um span mesmo. Será que não tem como criar eventos pra ele fechar? – Raul José Chaves 26/05/17 às 19:21
-
Confira este fiddle: jsfiddle.net/3hcuLf0j/10 peguei referência deste link: stackoverflow.com/questions/1112035/… – Diego Andrade 26/05/17 às 19:40
Como o Diego Andrade me pontuou, se usar em um input tudo ocorre corretamente. Então resolvi a situação da seguinte forma https://jsfiddle.net/3hcuLf0j/9/
Tenho um input dentro do span, vou manter esse input escondido
<span id="test">
<input id="datepicker" type="text">
bla
</span>
E vou usar a seguinte locuragem no javascript
$("#datepicker").datepicker();
$("#datepicker").hide();
$("#test").click(function(){
$("#datepicker").show().focus().hide();
});
Toda vez que o span é clicado, o datepicker vai abrir