Script modification format d'une classe d'input

Résolu
EnguerrandP Messages postés 295 Date d'inscription vendredi 26 avril 2013 Statut Membre Dernière intervention 15 juillet 2015 - 10 avril 2014 à 10:24
EnguerrandP Messages postés 295 Date d'inscription vendredi 26 avril 2013 Statut Membre Dernière intervention 15 juillet 2015 - 10 avril 2014 à 12:34
Bonjour,
j'essaie de crée une fonction qui me permet de changer le format de la date de toute un classe d'input: du format :dd/mm/yyyy au format : dd/M/yyyy
pour que les utilisateur ne confonde pas les mois et les jour.
voila mon petit script/
		<script>
			$(function(){ $('.calendrier').click({onSelect : 
				function(){$('.calendrier').value.formatDate("dd-M-yy");}})
				});
		</script>

Merci

2 réponses

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 344
10 avril 2014 à 11:26
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/


0
EnguerrandP Messages postés 295 Date d'inscription vendredi 26 avril 2013 Statut Membre Dernière intervention 15 juillet 2015 1
10 avril 2014 à 12:34
Merci pour ta réponse dans le dossier datapicker j'avais déjà fais cette modification (est sa fonctionne très bien) mais j'avais un autre calendrier et c'était pour celui-ci que je voulait faire cette amélioration car je ne trouvait pas comment modifier le format de la date autrement.
Du coup j'ai tout passer sous JQuery et cela fonctionne très bien.
0
Rejoignez-nous