20

Calendriers

Les calendriers permettent de saisir facilement et visuellement des dates, en tenant compte des différentes contraintes linguistiques selon les pays : noms des jours et des mois, format des dates…

Principe de base

On souhaite afficher le calendrier représenté sur la figure 20-1. Ce calendrier (pour l’instant en anglais) apparaît une fois qu’on a cliqué dans le champ de saisie destiné à recevoir une date. Les mois peuvent défiler grâce aux flèches en haut à droite et à gauche du calendrier, et si on sélectionne un jour, il s’inscrit dans le champ de saisie.

Voici comment écrire ce code HTML selon les conventions de jQuery UI, dont la méthode datepicker () est appelée dans la balise <script>.

La balise <input> avec l’identifiant ...

Get jQuery 1.7 et jQuery UI now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.