1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQuery DatePicker Test</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui-min.js"></script>
<link type="text/css" href="css/ui/jquery.ui.theme.css" rel="Stylesheet" />
<link type="text/css" href="css/ui/jquery.ui.core.css" rel="Stylesheet" />
<link type="text/css" href="css/ui/jquery.ui.datepicker.css" rel="Stylesheet" />
<script>
function initDatepicker(){
$.datepicker.regional['fr'] = {
clearText: 'Effacer', clearStatus: '',
closeText: 'Fermer', closeStatus: 'Fermer sans modifier',
prevText: 'Préc', prevStatus: 'Voir le mois précédent',
nextText: 'Suiv', nextStatus: 'Voir le mois suivant',
currentText: 'Courant', currentStatus: 'Voir le mois courant',
monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun','Jul','Aoû','Sep','Oct','Nov','Déc'],
monthStatus: 'Voir un autre mois', yearStatus: 'Voir un autre année',
weekHeader: 'Sm', weekStatus: '',
dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
dayStatus: 'Utiliser DD comme premier jour de la semaine', dateStatus: 'Choisir le DD, MM d',
dateFormat: 'dd-mm-yy', firstDay: 0,
initStatus: 'Choisir la date', isRTL: false
};
$.datepicker.setDefaults($.datepicker.regional['fr']);
};
$(document).ready(function(){
initDatepicker();
$("#date").datepicker({
onSelect:function(dateText, inst){alert("l'evenement onSelect a été déclenché pour la date : "+dateText)}
});
});
</script>
</head>
<body>
<div style="margin:0px; margin-bottom:15px; font-size:11px" id="date"></div>
</body>
</html> |
Partager