What's in your configuration? (I need your help)

[Eonasdan]

Version 6 is coming along and because I'm making breaking changes I'm considering making a migration tool much like Angular's upgrade site. With this tool, I'm imagining that a developer will copy and paste their current configuration and will get a v6 config object back. This could be extended to convert constructor code like $('#datetimepicker6').datetimepicker([config]); to new tempusdominus.TempusDominus(document.getElementById('datetimepicker6'), [config] (the exact convention is still in the works).

For example:

Beyond a conversion tool, your configurations will help me test v6 in the way that you are using it.

Please feel free to share your configs here. ProTip; you can use ``` to wrap code blocks or click on the <> in the toolbar to paste code.

PLEASE MAKE SURE TO INCLUDE THE VERSION YOU'RE USING!

[zalabbad]

I use v4 with two different configurations:

{
  format: 'YYYY-MM-DD',
  icons: {
    time: "fa fa-clock-o",
    date: "fa fa-calendar",
    up: "fa fa-chevron-up",
    down: "fa fa-chevron-down",
    previous: 'fa fa-chevron-left',
    next: 'fa fa-chevron-right',
    today: 'fa fa-screenshot',
    clear: 'fa fa-trash',
    close: 'fa fa-remove'
  },
  maxDate: moment(),
  ignoreReadonly: true,
  widgetPositioning: {
    horizontal: 'auto',
    vertical: 'top'
  },
  viewMode: 'years'
}

And

{
  format: 'DD-MM-YYYY HH:mm:00',
  icons: {
    time: "fa fa-clock-o",
    date: "fa fa-calendar",
    up: "fa fa-chevron-up",
    down: "fa fa-chevron-down",
    previous: 'fa fa-chevron-left',
    next: 'fa fa-chevron-right',
    today: 'fa fa-screenshot',
    clear: 'fa fa-trash',
    close: 'fa fa-remove'
  },
  minDate: moment(),
  showClear: true,
  enabledHours: [9, 10, 11, 12 ,13, 14, 15, 16, 17, 18, 19, 20, 21, 22],
  ignoreReadonly: true
}

[brice-klein]

Using v5.39

{
sideBySide: true, 
defaultDate: this.defaultDate, 
minDate: moment().subtract(5, 'm'), 
widgetPositioning: {vertical: 'bottom'}, 
format: this.format, 
keepInvalid: true, 
useStrict: true
}

[luis-fss]

Tempus Dominus Bootstrap4 v5.39.0
Please keep localization support.

jQuery.fn.datetimepicker.Constructor.Default = jQuery.extend({}, jQuery.fn.datetimepicker.Constructor.Default, {
	locale: 'pt-BR',
	buttons: {
		showToday: true,
		showClear: true,
		showClose: true
	},
	icons: {
		time: 'far fa-clock',
		date: 'far fa-calendar-alt',
		up: 'fas fa-arrow-up',
		down: 'fas fa-arrow-down',
		previous: 'fas fa-chevron-left',
		next: 'fas fa-chevron-right',
		today: 'far fa-calendar-check',
		clear: 'far fa-trash-alt',
		close: 'fas fa-times'
	},
	tooltips: {
		selectDate: 'Calendário',
		selectTime: 'Horário',
		today: 'Hoje/Agora',
		clear: 'Limpar',
		close: 'Fechar',
		selectMonth: 'Seleciona Mês',
		prevMonth: 'Mês Anterior',
		nextMonth: 'Próximo Mês',
		selectYear: 'Seleciona Ano',
		prevYear: 'Ano Anterior',
		nextYear: 'Próximo Ano',
		selectDecade: 'Seleciona Década',
		prevDecade: 'Década Anterior',
		nextDecade: 'Próxima Década',
		prevCentury: 'Céculo Passado',
		nextCentury: 'Próximo Céculo',
		incrementHour: 'Aumentar Hora',
		pickHour: 'Seleciona Hora',
		decrementHour: 'Diminuir Hora',
		incrementMinute: 'Aumentar Minuto',
		pickMinute: 'Seleciona Minuto',
		decrementMinute: 'Diminuir Minuto',
		incrementSecond: 'Aumentar Segundo',
		pickSecond: 'Seleciona Segundo',
		decrementSecond: 'Diminuir Segundo'
	}
})

        jQuery('.date').datetimepicker({ allowInputToggle: true, format: 'L' })
or
        jQuery('.datetime').datetimepicker({ allowInputToggle: true, sideBySide: true })

[Eonasdan]

localization is going to be done through javascript's native Intl

[William-H-M]

I use two versions v4.17.47 and v5.1.2

and the general configurations are:

$.fn.datetimepicker.Constructor.Default = $.extend(
  {},
  $.fn.datetimepicker.Constructor.Default,
  {
    icons: {
      time: "fas fa-clock",
      date: "fas fa-calendar",
      up: "fas fa-arrow-up",
      down: "fas fa-arrow-down",
      previous: "fas fa-chevron-left",
      next: "fas fa-chevron-right",
      today: "fas fa-calendar-check",
      clear: "fas fa-trash",
      close: "fas fa-times"
    },
    tooltips: {
      today: "Hoy",
      clear: "Limpiar",
      close: "Cerrar",
      selectMonth: "Seleccionar Mes",
      prevMonth: "Mes Anterior",
      nextMonth: "Mes Siguiente",
      selectYear: "Seleccionar Año",
      prevYear: "Año Anterior",
      nextYear: "Siguiente Año",
      selectDecade: "Seleccionar Década",
      prevDecade: "Década Anterior",
      nextDecade: "Siguiente Década",
      pickHour: "Seleccionar Hora",
      incrementHour: "Incrementar Hora",
      decrementHour: "Disminuir Hora",
      pickMinute: "Seleccionar Minuto",
      incrementMinute: "Incrementar Minuto",
      decrementMinute: "Disminuir Minuto",
      pickSecond: "Seleccionar Segundo",
      incrementSecond: "Incrementar Segundo",
      decrementSecond: "Disminuir Segundo",
      togglePeriod: "Intercambiar Periodo",
      selectTime: "Seleccionar Tiempo"
    },
    buttons: {
      showToday: false,
      showClose: false,
      showClear: false
    },
    ignoreReadonly: true,
    allowInputToggle: true,
    locale: "es"
  }
);

And then I have a different script with general, more common to use methods, which init the picker and its parameters, something like:

function applyPicker(obj) {
  let format = defaultDateFormat;
  let element = ".datetimepicker";
  if (typeof obj !== "undefined") {
    if (typeof obj.element !== "undefined") {
      element = obj.element;
    }

    if (typeof obj.format !== "undefined") {
      format = obj.format;
    }
  }
  $(element).datetimepicker({
    format: format,
    useCurrent: false
  });
}

So in case there's some braking changes, I don't to change lots of files, just one.

localization is going to be done through javascript's native Intl

But could we, override some of those translations, as we are doing now? Because in Spanish the way to say things it's different, kinda what would be color and colour on English

[Eonasdan]

sorry I should say "localization is going to be done through javascript's native Intl" for displaying stuff like "March" as "März" given a de locale. The "Select Time" localization will still be done via the picker's settings.

I think I'll be able to create a plugin system and create locale script files to auto set the translations

[William-H-M]

Ohh something like what jqueryvalidate has would be nice, as the default it'd still be English

[Eonasdan]

Hi everyone! I created a migration tool for the configuration settings. I tested all the ones that have been posted here. I also released v6.0.0-alpha1.0.4