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!