Localization

You can apply different languages to the interface of dhtmlxCalendar. You just need to translate the corresponding strings for Calendar labels and apply a ready locale to the component.

Default locale

The default locale for Calendar looks like this:

var en = {
    monthShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", 
                 "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
    month: ["January", "February", "March", "April", "May", "June", 
            "July", "August", "September", "October", "November", "December"],
    weekdaysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
    weekdays: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", 
                "Friday", "Saturday"]
};

Custom locale

To use a different locale, your need to:

  • define necessary language settings: provide full and short names of months, as well as full and short names of days of a week:
var de = {
    monthShort: ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", 
                 "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"],
    month: ["Januar", "Februar", "März", "April", "Mai", "Juni", 
            "Juli", "August", "September", "Oktober", "November", "Dezember"],
    weekdaysShort: ["Son", "Mon", "Die", "Mit", "Don", "Fre", "Sam"],
    weekdays: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", 
                "Freitag", "Samstag"]
};
  • apply the language settings by calling the dhx.i18n.setLocale() method before Calendar initialization:
dhx.i18n.setLocale("calendar", de);
var calendar = new dhx.Calendar("calendar_container");
Back to top