Script modification format d'une classe d'input [Résolu]

Signaler
Messages postés
295
Date d'inscription
vendredi 26 avril 2013
Statut
Membre
Dernière intervention
15 juillet 2015
-
Messages postés
295
Date d'inscription
vendredi 26 avril 2013
Statut
Membre
Dernière intervention
15 juillet 2015
-
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

Messages postés
32449
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 mai 2021
347
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/


Messages postés
295
Date d'inscription
vendredi 26 avril 2013
Statut
Membre
Dernière intervention
15 juillet 2015
1
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.