Input type time 24 hour format

Question

Too many this type of old questions are already in Stack Overflow, but now I would like to know any new method to fix this problem!

<input type="time">

How can we change this 12hr to 24hr format for all browsers? It would be great this will work with only JavaScript and without any third party JS/Jquery. Can any one help?

Referenced questions:

HTML input time in 24 format

html5 time inputs shows 12 hours

Have you read the docs: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time ? — SuperDJ, Sep 07 '18 at 08:21
What isn't working in chrome? I have 24hr format in chrome. The only browser which I would think isn't working is firefox with the am/pm notation — SuperDJ, Sep 07 '18 at 08:25
I mean I can't select 24hr time format in Chrome. If you have that could you add it an Answer? — vishnu, Sep 07 '18 at 08:29
You don't have to select it in chrome it always is. Unless chrome looks at language/ location and changes the format according. But for me it always is 24hr — SuperDJ, Sep 07 '18 at 08:32
did you like to get 24 hour time without am pm from same time input fieald? — Udara Kasun, Sep 07 '18 at 09:23
@UdaraKasun It is nice idea.. but not friendly for users, we can't type time into it that causes more mouse clicks or key press. — vishnu, Sep 07 '18 at 11:02

score -1 · Answer 1 · answered Sep 07 '18 at 14:38

From documentation:

The value of the time input is always in 24-hour format: "hh:mm", regardless of the input format, which is likely to be selected based on the user's locale (or by the user agent).

So you need to change locale to get in 24hrs format.

That came to mind when I opened your same question on 2 different laptops. One is showing 24hrs format and other is showing 12hrs format.

You need to set locale in your project which has 24hrs format.

Example: 'ja-JP', 'en-GB' has 24hrs format

`You need to set locale in your project which has 24hrs format.` Can you explain where I can set the locale? On document? or I can put it on `` it self? — Fadhly Permata, Nov 17 '19 at 11:51

Input type time 24 hour format

1 Answers1

Linked