Convert 24 hr format to 12 hr format using javascript

Question

i m using html5 time attribute ; like this

<input type="time" class="inputDateFromTo" id="time"  />

it is showing time in 24 hrs format ; but i want it in 12 hrs format with am/pm, ex "4.30 PM"

please suggest me the code using simple javascript or pattern attribute

Not an exact duplicate - but all the information you need is in this post: stackoverflow.com/questions/13523060/… — Lix
– Lix, Commented Jun 12, 2014 at 11:24

Krish R · Accepted Answer · 2014-06-12 11:24:59Z

1

You can use input type as type="datetime-local"

 <input type="datetime-local" class="inputDateFromTo" id="time">

answered Jun 12, 2014 at 11:24

Krish R

22.7k7 gold badges54 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Vucko Over a year ago

Didn't they removed datetime-local? Reference

user3301207 Over a year ago

i want only time not date

Krish R Over a year ago

You can use timepicker plugin - trentrichardson.com/examples/timepicker/#slider_examples

Paul S. · Accepted Answer · 2014-06-12 11:36:26Z

0

You can make one yourself using something like the following

<input type="text" required placeholder="hh:mm" pattern="\d\d?:\d\d" />
<select>
    <option selected value="am">AM</option>
    <option value="pm">PM</option>
</select>

answered Jun 12, 2014 at 11:36

Paul S.

66.6k9 gold badges130 silver badges143 bronze badges

1 Comment

user3301207 Over a year ago

yes i know this... but is there any other way using "type='time'"

Collectives™ on Stack Overflow

Convert 24 hr format to 12 hr format using javascript

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related