Calendar date display format

[sdnd2000]

Help Wanted

Hi, I am trying to display the calendar in this format "MM/DD/YYYY", is there any way I can change in the settings?

[lubber-de]

Yes, use the option formatter for a custom format.
See the docs with example here https://fomantic-ui.com/modules/calendar.html#custom-format

[otavioserra]

For day and month leading zeros use it instead:

formatter: {
	date: function (date, settings) {
		if (!date) return '';
		
		var day = (date.getDate() < 10 ? '0' : '') + date.getDate();
		var month = ((date.getMonth() + 1) < 10 ? '0' : '') + (date.getMonth() + 1);
		var year = date.getFullYear();
		
		return day + '/' + month + '/' + year;
	}
}

[otavioserra]

For datetime:

formatter: {
	datetime: function (date, settings) {
		if (!date) return '';
		
		var day = (date.getDate() < 10 ? '0' : '') + date.getDate();
		var month = ((date.getMonth() + 1) < 10 ? '0' : '') + (date.getMonth() + 1);
		var year = date.getFullYear();
		var hour = (date.getHours() < 10 ? '0' : '') + date.getHours();
		var minutes = (date.getMinutes() < 10 ? '0' : '') + date.getMinutes();
		
		return day + '/' + month + '/' + year + ' ' + hour + ':' + minutes;
	}
}

[lubber-de]

Dateformat token strings are now supported by #2324