Problem with material date input

web
mobile

Topic: Problem with material date input

Custer pro premium asked 2 months ago

Expected behavior

Label should move up, even if the input is already filled with a date. Date should be in the following format: dd.mm.yyyy

Actual behavior

Label stays at the place, even if there is already a date inside. Date is in the following format: yyyy-mm-dd

Resources (screenshots, code snippets etc.)

enter image description here


Mateusz Łubianka staff commented 2 months ago

Hi,

please, create a snippet showing your problem here: https://mdbootstrap.com/snippets/. I'll try to help you.

Best,


Custer pro premium answered 2 months ago

Here is the snippet:

https://mdbootstrap.com/snippets/jquery/custer/1908087

I type in: 25.03.2020 and after typing in it changes to 2020-03-25. This didn't happen some months ago. It alway worked properly.

I don't know if this is really a problem of mdbootstrap.

I use the chrome browser version 80.0.3987.149.

Thanks.

Best regards


Mateusz Łubianka staff commented 2 months ago

@Custer,

The date format is changing to correct submit format."The HTML5 date input specification (https://www.w3.org/TR/2011/WD-html-markup-20110405/input.date.html) refers to the RFC 3339 specification (https://tools.ietf.org/html/rfc3339), which specifies a full-date format equal to: yyyy-mm-dd. See section 5.6 (https://tools.ietf.org/html/rfc3339#section-5.6) of the RFC 3339 specification for more details."

Best,


Custer pro premium commented 1 months ago

@Mateusz Łubianka Thanks for your answer. I just don't understand why this has changed. Before it worked and showed the date like 25.03.2020.

What about the label not moving up?

Best regards

Custer


Grzegorz Bujański staff commented 1 months ago

Hi. I check your snippet again, and label is moving up. How can I reproduce this issue?


Custer pro premium commented 1 months ago

It's only a problem if the value is already filled out. I changed the snippet, now there's the problem, check it again :)


Grzegorz Bujański staff commented 4 weeks ago

Your right. I add this to our to-do list. We'll fix it.


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: jQuery
  • MDB Version: 4.14.1
  • Device: Computer
  • Browser: Chrome (newest)
  • OS: Windows 10 (1903)
  • Provided sample code: No
  • Provided link: No