Jquery datepicker comme popup?

Question

Je suis très nouveau à jquery et seulement une expérience de base avec javascript.

Je voudrais une entrée HTML qui, une fois cliquée, ferait apparaître le popup JQuery datepicker, qui remplirait l'entrée html. Est-ce que quelqu'un peut me donner un exemple sur la façon d'accomplir ceci ou me donner un lien qui me pointera dans la bonne direction?

Merci.

Answer 1

Utilisez le datapicker de l'interface utilisateur jQuery. Il est très utile d'ajouter et très facile à utiliser pour un utilisateur.

http://jqueryui.com/demos/datepicker/

<script> 
$(function() { 
    $("#datepicker").datepicker(); 
}); 
</script> 



<div class="demo"> 

<p>Date: <input type="text" id="datepicker"/></p> 

</div><!-- End demo --> 

Answer 2

Jqueryui fournit les fonctionnalités que vous recherchez. Jetez un oeil à ce lien: http://jqueryui.com/demos/datepicker/.

Answer 3

http://jqueryui.com/demos/datepicker/. Il y a tout ce dont tu as besoin.

Answer 4

Créez-le dans un div, puis faites-le glisser, c'est le moyen le plus simple.

<div id="datepickerholder" style="display: none;"> 
    <div id="datepicker"></div> 
</div> 
<a id="pop">pop datepicker</a> 

et la JS

<script> 
$(function() { 
    $("#datepicker").datepicker(); 
    $("#pop").click(function(){ 
     $("#datepickerholder").show(); 
    }); 
}); 
</script> 

Vous pouvez également créer l'instance après le clic, ce qui signifie, il n'y a pas de conteneur caché
autre JS, mais fonctionne toujours

<div id="datepicker"></div> 
<a id="pop">pop datepicker</a> 

<script> 
$(function() { 
    $("#pop").click(function(){ 
     $("#datepicker").datepicker(); 
    }); 
}); 
</script>