Change datepicker language

Question

I am trying to create a function that changes the date picker language

$(function(){
txtDate = $("#txtDate");
var minDate = new Date(2011, 1 - 1, 15);
var maxDate = new Date(2011, 6 - 1, 15);
txtDate.date
txtDate.dateEntry({
            defaultDate: maxDate,
            minDate: minDate,
            maxDate: maxDate,
            spinnerImage: ''
        });
txtDate.datepicker({
            minDate: minDate,
            maxDate: maxDate
        });

txtDate.datepicker("setDate", maxDate);
dateLanguageChange();
});


var dateLanguageChange = function () {
        $("#txtDate").datepicker("destroy").datepicker($.datepicker.regional["fr"]);
    };

HTML:

<div class="form-row">
    <label>@Html.Resource("Date")</label>
    <input id="txtDate" type="text" class="date-box" />
</div>

Answer 1

You tried to use jQuery UI Datepicker This is a custom plugin and provides support for localizing its contents to support different languages ​​and date formats.

$(function() {
$("#txtDate").datepicker({
dateFormat: 'dd/mm/yy',
minDate: '-10y',
maxDate: 'now',         
changeMonth: true,
changeYear: true,
firstDay: 1
});
$.datepicker.setDefaults($.datepicker.regional['fr']);
});

your html

<input id="txtDate" type="text" class="date-box" />

Note: configure the datepicker settings accordingly .... be sure to enable jquery.ui.datepicker-fr.js hope this helps !!!