Is there a way to make the html time input default to 12 hour clock?

Question

I have the following markup:

<input name="startTime" id="startTime" type="time"class="form-control" required/>

In some cases, it shows the 24 hour clock and in some others the 12 hour clock. How can I make it show the 12 hour clock all the time?

Possible duplicate of [html5 time inputs shows 12 hours](https://stackoverflow.com/questions/13523060/html5-time-inputs-shows-12-hours) — blurfus, Feb 14 '18 at 20:25
Support for this input seems to be limited still: https://caniuse.com/#feat=input-datetime — blurfus, Feb 14 '18 at 20:25

score 0 · Answer 1 · answered Feb 14 '18 at 20:41

0

According to MDN, 12-hour format is not currently possible:

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).

Source

answered Feb 14 '18 at 20:41

hypern00b

340
1
10

Is there a way to make the html time input default to 12 hour clock?

1 Answers1