Editor Window datetime picker format change in room scheduler

[Atish Kumar]

Hello, I am using the room scheduler and in the editor window Start Time and End Time have current format is 'MM/dd/yyyy hh:mm a' which is the default format.

I wanted to change the default format to'dd/MM/yyyy hh:mm a'. Below is my code please check what I am doing wrong.

eventSettings: {

dataSource: data,

fields: {

id: 'Id',

subject: { title: 'Subject', name: 'Subject' },

location: { title: 'Location', name: 'Location' },

description: { title: 'Description', name: 'Description' },

startTime: { title: 'Start Date Time', name: 'StartTime', format:{ type:'dateTime', format:'dd/MM/yyyy hh:mm a' }},

endTime: { title: 'End Date Time', name: 'EndTime',format:{ type:'dateTime', format:'dd/MM/yyyy hh:mm a' } },

}

}

Please take a look on the bold part. please suggest how we can be able to use'dd/MM/yyyy hh:mm a'this format in the editor window (pop up).

[Ravikumar Venkatesan]

Hi Atish,  

  

Greetings from Syncfusion support.  

  

We have validated your requirement at our end. We have achieved your requirement with the help of the popupOpen event of the Schedule and format property of the Date time picker and the same can be referred using the following sample.  

 

Sample: https://stackblitz.com/edit/ej2-ts-schedule-editor-window-start-and-end-time-customi-utsfsv?file=index.ts  

  

[index.ts]  

  popupOpen: args => {  

    if (args.type === "Editor") {  

      // Changing the format of the start and end date time pickers  

      (args.element.querySelector(".e-start") as any).ej2_instances[0].format =  

        "d/M/yy h:mm a";  

      (args.element.querySelector(".e-end") as any).ej2_instances[0].format =  

        "d/M/yy h:mm a";  

    }  

  }  

  

API(popupOpen event): https://ej2.syncfusion.com/documentation/api/schedule/#popupopen  

API(format): https://ej2.syncfusion.com/documentation/api/datetimepicker#format  

  

Kindly try the above sample and get back to us if you need any further assistance.  

  

Regards,  

Ravikumar Venkatesan  

[Atish Kumar]

Thanks alot. it worked.  

[Nevitha Ravi]

Hi Atish,

You are most welcome...! Please get back to us if you need any further assistance.

Regards,
Nevitha