topic Re: Date format for DateTime field in Editor Widget in ArcGIS JavaScript Maps SDK Questions

Date format for DateTime field in Editor Widget

ZA1 — Tue, 18 Jan 2022 07:33:36 GMT

Hi,

A feature I am using in Editor widget has a DateTime attribute

By default the Date/Time fields are in the format of: mm/dd/yyyy

Instead, I need it to be: dd/mm/yyyy

I do not know how to do this change.

But preferably, when the user clicks the date field a calendar should appear to select a day.

Any help would be greatly appreciated.

Thanks!

Re: Date format for DateTime field in Editor Widget

HeatherGonzago — Wed, 19 Jan 2022 02:49:35 GMT

Hi, thanks for asking about this. Unfortunately, there is no direct and easy way to set this right now in the FeatureForm (and hence the Editor since this uses the FeatureForm widget). We are actively working on making this easier for all widgets that make use of dates and will hopefully have a better way to handle this in an upcoming release.

For now, formatting for dates in the FeatureForm is taken directly by the browser. If you're browser's locale was set to "en-GB", the format would flip to dd/mm/yyyy. I realize that this is not the answer you were looking to get. We do hope to make this easier in the near future.

Re: Date format for DateTime field in Editor Widget

ZA1 — Wed, 19 Jan 2022 07:13:32 GMT

Thanks for the response @HeatherGonzago, appreciated.

Unfortunately, there is no direct and easy way to set this right now

As a non-direct way, perhaps:

Hide the original date field in the form
Insert a new input field with the date configuration that I want
When the user clicks "Add", in the background I replace the date in (1) with (2)

Could I ask you if you can think of a better approach?

Re: Date format for DateTime field in Editor Widget

JohnZachariassen — Thu, 16 Jan 2025 14:36:21 GMT

Hi,

We followed your advice and set the language to Danish. That worked, and the format switched to dd/mm/yyyy. At that time, the ArcGIS Maps SDK for JavaScript version was 4.24. However, after we updated to ArcGIS Maps SDK for JavaScript v. 4.31, the format has switched back to mm/dd/yyyy, even though the browser setting remains unchanged. Is there anything we can do to restore the dd/mm/yyyy format?

Re: Date format for DateTime field in Editor Widget

HeatherGonzago — Thu, 16 Jan 2025 17:24:01 GMT

Hi @JohnZachariassen I wonder if you are seeing a slight update that was made for localization in 4.31? The SDK will automatically use the locale defined via the lang attribute on the root html element, or the locale of the browser. Do you have the locale defined on the root html element? Another thing to try, is to set the locale using intl.setLocale(). This should take care of it if it is not automatically getting picked up by the browser. Take a look at https://developers.arcgis.com/javascript/latest/localization/ for additional info on it. If it still doesn't work, let us know.

Re: Date format for DateTime field in Editor Widget

JohnZachariassen — Thu, 23 Jan 2025 09:44:49 GMT

@Hi @HeatherGonzago.

We modified the code by using intl.setLocale(), and now the date format is as we wanted. Thank you for the helpful answer; it is greatly appreciated!

Re: Date format for DateTime field in Editor Widget

HeatherGonzago — Fri, 24 Jan 2025 20:28:32 GMT

Great, glad to hear it's working out. Thanks for letting us know.