Home/ Questions/Q 8873621
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T18:30:40+00:00

I am using HTML5 input element with type=time . The problem is it shows

  • 0

I am using HTML5 input element with type=time. The problem is it shows time with 12 hours but I want it to show it in 24 hours a day. How can I make it to 24 hours?

Here is my input field:

<input type="time" name="time" placeholder="hrs:mins" pattern="^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$" class="inputs time" required>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    HTML5 Time Input

    This one is the simplest of the date/time related types, allowing the user to select a time on a 24/12 hour clock, usually depending on the user’s OS locale configuration. The value returned is in 24h hours:minutes format, which will look something like 14:30.

    More details, including the appearance for each browser, can be found on MDN.

    <input type="time" name="time">
    • 0