Check documentation for the latest version of dhtmlxSuite Date Formatting DHTMLX Docs

Date Formatting

You can use the default date format of calendar or set your own one.
The default date format in dhtmlxCalendar is '%Y-%m-%d'.

  • A custom date format for the whole Calendar can be set with the help of the "setDateFormat" method (see details):
    myCalendar.setDateFormat("%d.%m.%Y");
  • To get date as string in the specified format you should use the "getFormatedDate()" method (see details):
    //will return the date selected in calendar
    myCalendar.getFormatedDate("%d.%m.%Y");
    //will return any date defined in 2nd param
    myCalendar.getFormatedDate("%d.%m.%Y", new Date());

While specifying the format for dates you can use any character from the following list:

%d day as a number with leading zero, 01..31
%j day as a number, 1..31
%D short name of the day, Su Mo Tu...
%l full name of the day, Sunday Monday Tuesday...
%m month as a number with leading zero, 01..12
%n month as a number, 1..12
%M short name of the month, Jan Feb Mar...
%F full name of the month, January February March...
%y year as a number, 2 digits
%Y year as a number, 4 digits
%h hours 12-format with leading zero, 01..12)
%g hours 12-format, 1..12)
%H hours 24-format with leading zero, 01..24
%G hours 24-format, 1..24
%i minutes with leading zero, 01..59
%s seconds with leading zero, 01..59
%a am or pm
%A AM or PM
%% escape for %
%u milliseconds
%P timezone offset
Back to top