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
35473
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
22 mai 2022
356
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