The date field does not work correctly

[Juniors017]

I qualify the date field with :

- label: "Date" name: "Date" widget: datetime date_format: "DD.MM.YYYY" # e.g. 24.12.2021 hint: 'Date de publication'
If today date is 03/04/2024 (DD/MM/YYYY)
I select date "now" but decapCMS add 04/03/2024 Day and Month are reverse

But in preview is OK

in frontmatter is KO

i use this script for use decap : <script src="https://unpkg.com/decap-cms@^3.0.0/dist/decap-cms.js"></script>

[demshy]

should be fixed with 3.1.9 version, could you please try again and confirm?

[Juniors017]

should be fixed with 3.1.9 version, could you please try again and confirm?

if you use this it's OK

- label: "Date de création"
      name: "date"
      widget: datetime
      default: ""
      hint: 'Date de création'  
      format: 'L'

if you use this it's OK

- label: "Date de création"
      name: "date"
      widget: datetime
      default: ""
      hint: 'Date de création'  
      format: 'LLL'

and if you use this it's OK

- label: "Date"
      name: "Date"
      widget: datetime
      date_format: "DD.MM.YYYY" # e.g. 24.12.2021
      hint: 'Date de publication'

thanks

[adrian5]

Is this really fixed? It doesn't work for me on DecapCMS 3.1.11, I still get the U.S. date format:

fields:
  - { label: "Title", name: "title", widget: "string"}
  - {
      label: "Begins",
      name: "begins",
      widget: "datetime",
      format: "YYYY-MM-DDTHH:mm:ss",
      date_format: "DD.MM.YYYY", # ignored?
      time_format: "HH:mm" # ignored?
    }

[martinjagodic]

@adrian5 see #7250, there is a mismatch between the docs and implementation. I am closing this issue in favor of that one.

[adrian5]

@martinjagodic Issue #7250 seems to focus on the storage format (backend) though. I'm unable to configure the UI (frontend) in the way the documentation claims, and NetlifyCMS was able to.

[martinjagodic]

@adrian5 you cannot alter the display format with CMS config. It's the HTML datetime-local input, so the display format is based on the user's browser locale.

[adrian5]

@martinjagodic Hmm, I see. I could swear this used to work just fine in NetlifyCMS.

What is the meaning of the documentation?

date_format: sets date display format in UI; boolean or Day.js formats. If used without time_format, only the date picker is displayed.

[martinjagodic]

You have a point here, thanks for raising it. I will change the docs to clarify that it's the frontmatter format and that the display format is based on the browser locale.

I could swear this used to work just fine in NetlifyCMS.

I believe you. We had to update it because it used some unmaintained dependencies and affected other areas of the CMS. I opted for native HTML inputs to avoid such problems in the future.

[adrian5]

Understood. Thanks for clarifying!

[weeix]

I attempted to change the picker's format to 24-hour but also found the documentation confusing. It turns out the picker's format is entirely dependent on the web browser's UI language (not the 1st language).