The Datepicker plugin has many localization options that allow you to completely change how the calendar looks, the text that it uses, the date format that it uses, and the weekday the calendar starts on. The following sections describe how to localize a Datepicker implementation. Setting the Date Format You can change the date format displayed as the value of the
element to whatever format you like.

The following script,  demonstrates how to change the date format so that the day is placed before the month, as is done with dates in much of the world:

 $(document).ready( function() { $('input#exampleDate').datepicker({ changeMonth : true, changeYear : true, minDate : new Date(1900, 1, 1), maxDate : new Date(2020, 12, 31), yearRange : "1900:2020", dateFormat : "dd/mm/yy" }); $('div.exampleDate img').click( function() { $(this) .prev('input') .focus(); } ); } ); 


In the preceding script, the date format is set using the dateFormat option; in this case, it specifi es the day, month, and year—the day and month with leading zeroes and the year in four-digit format. 

You can use the following options to localize, customize, or translate an implementation of Datepicker:


➤ appendText—The text to display after each date fi eld.
➤ closeText—The text to display for the close link. The default is "Close".
➤ currentText—The text to display for the current day link. The default is "Today".
➤ dayNames—The list of long day names, starting from Sunday, for use as requested via the dateFormat setting. Day names also appear as pop-up hints when hovering over the corresponding column headings. The default is ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"].
 ➤ dayNamesMin—The list of minimized day names, starting from Sunday, for use as column headers within the Datepicker. The default is ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].
➤ dayNamesShort—The list of abbreviated day names, starting from Sunday, for use as requested via the dateFormat setting. The default is ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].
 ➤ monthNames—The list of full month names, as used in the month header on each Datepicker and as requested via the dateFormat setting. The default is ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"].
 ➤ monthNamesShort—The list of abbreviated month names, for use as requested via the dateFormat setting. The default is ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"].
➤ nextText—The text to display for the next month link. The default is "Next".
 ➤ prevText—The text to display for the previous month link. The default is "Prev".
 ➤ weekHeader—The column header for the week of the year (see showWeeks). The default is
➤ buttonText—The text to display on the button element that triggers the Datepicker.