Plugins - Custom Date Formats

This plugin provides the ability to specify the picker's format. The picker's options can be set via then localization settings.

Use the boxes below to set a format string and the locale of the sample picker and click "Change" to update the options.

tempusDominus.extend(tempusDominus.plugins.customDateFormat);
//or
import customDateFormat from 'tempusDominus/plugins/customDateFormat'
tempusDominus.extend(customDateFormat);

//example picker
const datetimepicker1 = new tempusDominus.TempusDominus(document.getElementById('datetimepicker1'),
  localization: {
  locale: 'pt-BR',
  format: 'dd/MM/yyyy HH:mm',
});

    

Format Tokens