ajout d’une aide à la sélection d’une date¶

jquery-ui offre une solution élégante à ce problème

le code html

<div class='ui-line'>
        <label class="ui-label ui-not-null">Date</label>
        <input name="dte_mvt" id="dte_mvt" class="ui-input ui-large ui-date" size="40"/>
</div>

le code javascript permettant lors de clic sur l’input de faire afficher un calendrier

$('#dte_mvt').datepicker({ dateFormat: 'dd/mm/yy' });

il faut remarquer l’utilisation de l’option dateFormat pour avoir une date à la française

Afin de faciliter encore plus l’utilisation de ce type d’input je conseille d’ajouter une image indiquant que cet input fournit un calendrier dynamique via l’utilisation de css

input.ui-date {
  background-image: url("../img/ruban/supermonobasic/datepicker16.png");
  padding-right: 5px;
  background-repeat: no-repeat;
  background-position: right;
}}