Le plugin calendrier Datepicker de JQueryUI se déploie par défaut si l’on click sur le champs de date (en fait lorsque le champs prend le focus) ? voir exemple ici sur le champs de la date de naissance.
On peut parfois vouloir déployer le calendrier automatiquement dès l’ouverture de la page, pour ce faire il sufffit, grâce à JQuery de mettre le focus sur l’input du champs de date au chargement de la page
Code HTML :
<input id="moncalendrier" type="datepicker" name="moncalendrier" value="04/12/2012"/>
Code JQuery :
<script type="text/javascript"> $(document).ready( function () { $( "#moncalendrier").datepicker({ showOn: "both", buttonImage: "../img/b_calendar.png", buttonImageOnly: true, buttonText:'Cliquer pour choisir une date', onClose: function(dateText, inst) { }, $options }); $('#moncalendrier').focus(); }); </script>
Laisser un commentaire
Participez-vous à la discussion?N'hésitez pas à contribuer!