2
I tested this type in a form and it got very bad, it does not appear any type of menu to modify the time. In Google’s browser appears. It gets complicated because every form type will never run 100% in all browsers. Any solution?
2 answers
2
Chrome also has no menu, what it has are arrows and a kind of mask in the field to type.
In Firefox since version 57 (both Firefox Desktop and Mobile) there is the mask and arrows to control the time, see a print:
If your browser is older than 57 then it is because your Firefox is outdated on your computer.
The following is a list of supported browsers: https://caniuse.com/#feat=input-datetime
If you’re really talking about the menu, you might have noticed it in your Microsoft Edge browser or mobile browsers:
Edge:
Android browsers (probably Chrome):
Chrome Desktop only shows this:
-
I’ll update Firefox, that must be it. Thank you.
-
I updated and even then it didn’t help, it doesn’t show any arrow, no box, nothing. Just the dashes.
-
@Willianmoscardi was what I said, arrows are not menu, menu is only on Edge and Android.
2
As in this documentation on MDN Firefox even has support for type, but does not have the arrows and . I also believe that the documentation is outdated, since the most modern Firefox (Quantum 59.0.2) the hours are in the 24h format, and not 12h as reported in the documentation.
These types (not only the type="time") vary greatly from browser to browser, as each manufacturer tends to render in the way they think best to their user, and have no standards UI defined.
Print of input type="time" in Firefox:
To get around these situations, you can turn to CSS + Javascript to create something in the same style and standardized, which will be displayed equally in all browsers.
-
Exactly, I will have to resort to Javascript because I’m not in trouble only with type, because as you said yourself, each manufacturer renders in a way. Thank you!
-
It was the broker. Kkkk.
Browser other questions tagged html5
You are not signed in. Login or sign up in order to post.
The real problem is with the guy
datetime-local, looks just like the guytext– Costamilam
@Guilhermecostamilam datetime-local has not been implemented in either FF or Safari (compatibility: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local#Browser_compatibility). New techniques are like this, require tests, implementations in Alphas, Betas and etc. The reason they do not implement is possible limitations, time or planning, where other needs may be more important at the moment.
– Guilherme Nascimento