The following example shows the simply localisation of the date picker. Simply include the relevant date_LOCALE.js file and then redefine the values in $.dpText.
$.dpText = { TEXT_PREV_YEAR : 'DE Previous year', TEXT_PREV_MONTH : 'DE Previous month', TEXT_NEXT_YEAR : 'DE Next year', TEXT_NEXT_MONTH : 'DE Next month', TEXT_CLOSE : 'DE Close', TEXT_CHOOSE_DATE : 'DE Choose date' } $(function() { $('.date-pick').datePicker() });
/* located in demo.css and creates a little calendar icon * instead of a text link for "Choose date" */ a.dp-choose-date { float: left; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(calendar.png) no-repeat; } a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; } /* makes the input field shorter once the date picker code * has run (to allow space for the calendar icon */ input.dp-applied { width: 140px; float: left; }