I tested this type in a form and it got really bad, it does not show any kind of menu to modify the time. In Google's browser appears. It's complicated because every type of form will never run 100% in all browsers. Any solution?
I tested this type in a form and it got really bad, it does not show any kind of menu to modify the time. In Google's browser appears. It's complicated because every type of form will never run 100% in all browsers. Any solution?
As this MDN documentation Firefox even supports type
, but does not have the ▲ and ▼ arrows. I also believe that the documentation is outdated, since newer Firefox (Quantum 59.0.2) hours are in 24h format, not 12h as the documentation tells.
These types (not only type="time"
) vary greatly from browser to browser, because each manufacturer tends to render in the way it thinks best to their user, and they do not have standards #
Print of input type="time"
in Firefox:
To circumvent these situations, you can use CSS + JavaScript to create something in the same style and standardized, which will also appear in all browsers.
Chrome also has no menu, which has are arrows and a kind of mask in the field to type.
In Firefox since version 57 (both in Firefox Desktop and Mobile) there is the mask and the arrows to control the time
, see a print:
Ifyourbrowserisolderthan57thenyourFirefoxisoutdatedonyourcomputer.
Followinglistofsupportedbrowsers: link
If you talk about the menu, you may have noticed in the Microsoft Edge browser or in the mobile browsers:
Edge:
Androidbrowsers(probablyChrome):
ChromeDesktoponlyappearsthis: