1

I would like to change the language of a datepicker. Here is my code :

$("#datepicker-month").datepicker({
    locale: 'fr',
    dateFormat: 'mm-yy',
    format: 'yyyy-mm',
    viewMode: "months",
    minViewMode: "months",
    autoclose: true,
    language: "fr",
    regional: "fr",
});

But unfortunately I get this :

datepicker

Could you help me please ?

phuzi
  • 12,078
  • 3
  • 26
  • 50
Eddie Betton
  • 27
  • 4
  • Where does `datepicker` method come from? I assume jQuery UI? Which version? – Amadan Feb 21 '20 at 10:22
  • [Why not read the docs?](https://api.jqueryui.com/datepicker/) It is explained clearly. – Don't Panic Feb 21 '20 at 12:12
  • Does this answer your question? [JQuery datepicker language](https://stackoverflow.com/questions/1865091/jquery-datepicker-language) – Don't Panic Feb 21 '20 at 12:12
  • Does this answer your question? [Change language of Bootstrap Datepicker](https://stackoverflow.com/questions/55595993/change-language-of-bootstrap-datepicker) – Andy Jul 06 '22 at 07:05

2 Answers2

0

Rename all names in your local language.

$(document).ready(function(){
    $.fn.datepicker.dates['fr'] = {
        days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
        daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
        daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
        months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
        monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
        today: "Today",
        clear: "Clear",
        format: "mm/dd/yyyy",
        titleFormat: "MM yyyy", /* Leverages same syntax as 'format' */
        weekStart: 0
    };
    $("#datepicker-month").datepicker( {
        format: "mm-yyyy",
        viewMode: "months", 
        minViewMode: "months", 
        language: "fr"
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>


<input type="text" id="datepicker-month" />
souravmsh
  • 638
  • 6
  • 11
0

Try this

 $('#datepicker').datepicker( $.datepicker.regional[ "fr" ] );
Styler
  • 32
  • 3
  • 1
    Assuming current jQuery UI, and assuming the correct localisation file has also been sourced. – Amadan Feb 21 '20 at 10:23