HTML input time in 24 format

Question

I am using below HTML tag    lt input type  time     gt    In Chrome  Its showing PM AM format  can we restrict to display 24 format always  I dont want to use HTML5 tag

User · Answer

In my case  it is taking time in AM and PM but sending data in 00-24 hours format to the server on form submit  and when use that DB data in its value then it will automatically select the appropriate AM or PM to edit form value

User · Answer

x000D   x000D   lt  DOCTYPE html gt  x000D   lt html gt  x000D       lt body gt  x000D          Time   lt input type  time  id  myTime  value  16 32 55  gt  x000D   x000D    lt p gt Click the button to get the time of the time field  lt  p gt  x000D   x000D    lt button onclick  myFunction    gt Try it lt  button gt  x000D   x000D    lt p id  demo  gt  lt  p gt  x000D   x000D    lt script gt  x000D       function myFunction     x000D           var x   document getElementById  myTime   value  x000D           document getElementById  demo   innerHTML   x  x000D         x000D    lt  script gt  x000D       lt  body gt  x000D   lt  html gt  x000D   x000D   x000D    I found that by setting value field  not just what is given below  time input will be internally converted into the 24hr format

User · Answer

As stated in this answer not all browsers support the standard way  It is not a good idea to use for robust user experience  And if you use it  you cannot ask too much    Instead use time-picker libraries  For example  TimePicker js is a zero dependency and lightweight library  Use it like    x000D   x000D  var timepicker   new TimePicker  time     x000D    lang   en   x000D    theme   dark  x000D      x000D  timepicker on  change   function evt    x000D     x000D    var value    evt hour     00            evt minute     00    x000D    evt element value   value  x000D   x000D      x000D   lt script src  https   cdn jsdelivr net timepicker js latest timepicker min js  gt  lt  script gt  x000D   lt link href  https   cdn jsdelivr net timepicker js latest timepicker min css  rel  stylesheet   gt  x000D   x000D   lt div gt  x000D     lt input type  text  id  time  placeholder  Time  gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

Tested   In Windows -  control panel -  Region -  Additional Settings -  Time -  Short Time   Format your time as HH mm  in the format  hh   12 hours  HH   24 hours  mm   minutes  tt   AM or PM  so to get the required result the format should be HH mm and not hh mm tt

User · Answer

You can t do it with the HTML5 input type   There are many libs available to do it  you can use momentjs or some other jQuery UI components for the best outcome

[html] HTML input time in 24 format

Examples related to html