jquery datepicker is always visible

Question

jquery datepicker is always visible

Navigation

#1 by (0 votes)
#2 by (0 votes)

0

I'm trying to use the jquery datepicker, but every time I create it it always pops up, as if it had statically there. Example of what is happening, and not appearing only when I click. link

javascript jquery jquery-ui jquery-datatables

asked by anonymous 26.05.2017 / 21:05

2 answers

PHP: Replacement of characters within a string starting from a given position Javascript function is not loaded with onload, but it is with onclick

score 0 · Answer 1

Edited / corrected: I forgot to edit the fiddle link.

Maybe using an input instead of the span tag will work. example: link

html:

<input type="text" id="test" maxlenght="10">

js:

$("#test").datepicker();

score 0 · Answer 2

As Diego Andrade punctuated me, if you use an input everything happens correctly. So I solved the situation as follows link

I have an input within the span, I will keep this input hidden

<span id="test">
   <input id="datepicker" type="text">
   bla
</span>

And I'll use the following localization in javascript

$("#datepicker").datepicker();
$("#datepicker").hide();

$("#test").click(function(){
    $("#datepicker").show().focus().hide();
});

Every time the span is clicked, the datepicker will open