C’est Noël et c’est pour toi.

l’input avec son calendrier intégré

le html :


   <input type="text" class="datepicker">

le script (il te faudra charger jquery-ui en plus de jquery et ajouter aussi jquery-ui.css) :


    $(function() {
     $( ".datepicker" ).datepicker({
       altField: "#datepicker",
       closeText: 'Fermer',
       prevText: 'Précédent',
       nextText: 'Suivant',
       currentText: 'Aujourd\'hui',
       monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
       monthNamesShort: ['Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.'],
       dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
       dayNamesShort: ['Dim.', 'Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.'],
       dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
       weekHeader: 'Sem.',
       dateFormat: 'dd/mm/yy'
     });
   });


Ma source : datepicker