11540 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Date picker mettre en francais

Bonjour,

j'ai un message d'erreur lorsque j'essaie de mettre en français mon calendrier.

TypeError: $.ui.datepicker.regional is undefined

Le calendrier s'affiche mais il n'est pas en francais

Mon code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/jquery-ui-1.10.4.custom.css")">
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/currency.css")">
<script src="~/Scripts/jquery.ui.datepicker-fr.js" type="text/javascript"></script>



<script type="text/javascript">
    $(function () {
        $("#DateValue").datepicker($.datepicker.regional["fr"]);
    });
</script>


le fichier jquery.ui.datepicker-fr.js

(function ($) {
    $.ui.datepicker.regional['fr'] = {
        renderer: $.ui.datepicker.defaultRenderer,
        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'],
        dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
        dayNamesShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
        dayNamesMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
        dateFormat: 'dd/mm/yyyy',
        firstDay: 1,
        prevText: '&#x3c;Préc', prevStatus: 'Voir le mois précédent',
        prevJumpText: '&#x3c;&#x3c;', prevJumpStatus: 'Voir l\'année précédent',
        nextText: 'Suiv&#x3e;', nextStatus: 'Voir le mois suivant',
        nextJumpText: '&#x3e;&#x3e;', nextJumpStatus: 'Voir l\'année suivant',
        currentText: 'Courant', currentStatus: 'Voir le mois courant',
        todayText: 'Aujourd\'hui', todayStatus: 'Voir aujourd\'hui',
        clearText: 'Effacer', clearStatus: 'Effacer la date sélectionnée',
        closeText: 'Fermer', closeStatus: 'Fermer sans modifier',
        yearStatus: 'Voir une autre année', monthStatus: 'Voir un autre mois',
        weekText: 'Sm', weekStatus: 'Semaine de l\'année',
        dayStatus: '\'Choisir\' le DD d MM',
        defaultStatus: 'Choisir la date',
        isRTL: false
    };
    $.extend($.ui.datepicker.defaults, $.ui.datepicker.regional['fr']);
})(jQuery);


merci de votre aide.
Modifié par neka11 (08 Sep 2014 - 18:05)
bonjour
Quelqu un peut ti l me commenter les 2 code suivants ( beaucoups de function à l interieur de function anonymous ) . Je pense que la difference est le contexte ( lequel ? ) puisque les deux utilisent define ( AMD syntaxe ?) .
A quoi sert la variable factory ( portée globale = windows ou windows.factory )

sinon
Le code de gauche provient du site exemple de datepicker sur le site de require.js
Le code de droite provient du lien donner par @solidsnake

Cordialement
upload/48731-JQueryUI-d.png
Modifié par 75lionel (23 May 2015 - 00:32)
Sujet clos
Aller à