Bonjour,
Le formatage de tes champs input (pour les calendriers) se fait directement dans la fonction datepicker.
Tu ne dois pas essayer de modifier le format comme tu le fais.sinon ton datepicker ne comprendra pas la date qu'il aura d'affichée...
$( "#datepicker" ).datepicker( "option", "dateFormat", "d M, y" );
Ou en téléchargeant puis en éditant directement le fichier de langue du plugin:
jquery-ui-datepicker-fr-js
jQuery(function($){
$.datepicker.regional['fr'] = {
closeText: 'Fermer',
prevText: '<Préc',
nextText: 'Suiv>',
currentText: 'Aujourd\'hui',
monthNames: ['Janvier','Fevrier','Mars','Avril','Mai','Juin',
'Juillet','Aout','Septembre','Octobre','Novembre','Decembre'],
monthNamesShort: ['Jan','Fev','Mar','Avr','Mai','Jun',
'Jul','Aou','Sep','Oct','Nov','Dec'],
dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
weekHeader: 'Sm',
dateFormat: 'dd-M-yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: '',
minDate: 0,
maxDate: '+12M +0D',
numberOfMonths: 1,
showButtonPanel: true
};
$.datepicker.setDefaults($.datepicker.regional['fr']);
});
NB: Tu peux aussi directement mettre ce code dans ta page..
Exemple:
http://jsfiddle.net/jordane45/GSLgK/1/