How to change date format in the lightbox?

[polo1]

Hi，
I want to combine event calendar with gantt together, but I don’t how to change date format in them,
I found this:

gantt.config.lightbox.sections = [
		{name: "description", height: 38, map_to: "text", type: "textarea", focus: true},
		{
			name: "priority",
			height: 22,
			map_to: "priority",
			type: "select",
			options: gantt.serverList("priorityOptions")
		},
		{name: "time", type: "time", map_to: "auto", time_format: ["%d", "%m", "%Y", "%H:%i"]}
	];

	gantt.init("gantt_here");
	gantt.parse(users_data);

it seems that it can change the lightbox in the Gantt, but how should I change the date format in event calendar? like the picture shows:

I want to change to YYYY MM, but I don’t know to set

and I also want to change the time format of title in the lightbox of Gantt, I don’t know how to do either.

Hope your kind answer!

[Maksim_Lakatkou]

Hello,

For the Event Calendar:

To customize the template for the date title on the toolbar, you can utilize the dateTitle parameter:

config: {
   dateTitle: (date, [start, end]) => {
       return `
           ${format(date, 'YYYY')} ${format(start, 'MM')}
       `
   },
},

Here is an example: DHTMLX Snippet Tool

Unfortunatelly, currently, it is not possible to customize the date format in the datepicker.

Regarding Gantt:

To change the format of the lightbox header, you can use the lightbox_header template. Refer to the related documentation here: lightbox_header Gantt Docs