Bug with MDB 4.10.1 and date input

Topic: Bug with MDB 4.10.1 and date input

jouvrard pro asked 5 years ago

Hello,

Since I installed the 4.10.1 version of MDB I have a bug with my date inputs. When I'm not focused on the field, it's a text field, even if I put it as date field, and when I select it it returns to date field.

Here is a snippet to see the problem: https://mdbootstrap.com/snippets/jquery/furax/1540845

How can I correct this before having a fix in the next version (I think :))

Thanks!

Jerome Ouvrard

Add comment

Mateusz Łubianka staff answered 5 years ago

0 0 Best answer

Hi @jouvrard,

It works that way but it was intentional. There is a little problem to add placeholder to input type date in a standard way. So we decided on using this method.

Best,

Add comment

jouvrard pro answered 5 years ago

0 0 Best answer

Hello,

Thank you for your answer.But for french people like me it's a problem because for us dates are like this: dd/mm/yyyy, and as you can see in the screenshots, when the field is not focused, it returns to a "US format". :)

enter image description here

Is there a method I can use to disable this new feature?

Thanks

lemons commented 5 years ago

Why don't you use the datepicker?, it has a "format" and "formatSubmit" attribute.

jouvrard pro commented 5 years ago

Because for my colleagues it's faster to enter date with the keyboard instead of using the mouse. :)

lemons commented 5 years ago

then maybe text input with pattern only? pattern="\d{2}-\d{2}-\d{4}"

(You could also define the pattern more accurate by a more complex regex)

jouvrard pro commented 5 years ago

Pattern affect only the field to validate it, but not what's displayed. I tried this few minutes ago, but no effect. :)

It's not a big problem but I think I'll receive some messages from the users in a near future about this. :)

Add comment

Mateusz Łubianka staff answered 5 years ago

0 0 Best answer

Hi @jouvrard,

You can find in mdb.js file this code and coment it. enter image description here It should work but the HTML5 date input specification refers to the RFC3339 specification, which specifies a full-date format equal to: yyyy-mm-dd. The displayed date is formatted based on the locale of the user's browser, but the parsed value is always formatted yyyy-mm-dd.