Convert Time 24 hrs to 12 hrs format In javascript

date
javascript
12hrs
convert

Here is the 24 hrs time drop down. so please select one time. for this we used onchange event.

Select Time :

 

Select Time : <select id="time" onchange="Convert24To12Format(this.value)">
	<option value="01:00">01:00</option>
	<option value="01:30">01:30</option>
	<option value="02:00">02:00</option>
	<option value="02:30">02:30</option>
	<option value="03:00">03:00</option>
	<option value="03:30">03:30</option>
	<option value="04:00">04:00</option>
	<option value="04:30">04:30</option>
	<option value="05:00">05:00</option>
	<option value="05:30">05:30</option>
	<option value="06:00">06:00</option>
	<option value="06:30">06:30</option>
	<option value="07:00">07:00</option>
	<option value="07:30">07:30</option>
	<option value="08:00">08:00</option>
	<option value="08:30">08:30</option>
	<option value="09:00">09:00</option>
	<option value="09:30">09:30</option>
	<option value="10:00">10:00</option>
	<option value="10:30">10:30</option>
	<option value="11:00">11:00</option>
	<option value="11:30">11:30</option>
	<option value="12:00">12:00</option>
	<option value="12:30">12:30</option>
	<option value="13:00">13:00</option>
	<option value="13:30">13:30</option>
	<option value="14:00">14:00</option>
	<option value="14:30">14:30</option>
	<option value="15:00">15:00</option>
	<option value="15:30">15:30</option>
	<option value="16:00">16:00</option>
	<option value="16:30">16:30</option>
	<option value="17:00">17:00</option>
	<option value="17:30">17:30</option>
	<option value="18:00">18:00</option>
	<option value="18:30">18:30</option>
	<option value="19:00">19:00</option>
	<option value="19:30">19:30</option>
	<option value="20:00">20:00</option>
	<option value="20:30">20:30</option>
	<option value="21:00">21:00</option>
	<option value="21:30">21:30</option>
	<option value="22:00">22:00</option>
	<option value="22:30">22:30</option>
	<option value="23:00">23:00</option>
	<option value="23:30">23:30</option>
</select>
	
<script type="text/javascript">
function Convert24To12Format(format){
	var newformat = '', timeFormat = ' AM';
	if(format != ''){
		var old_arr = format.split(':');
		var new_arr = parseInt(old_arr);
		newformat = old_arr[0];
		if(new_arr > 12){
			newformat = (new_arr - 12) + '';
			timeFormat = ' PM';
		}

		if(newformat.length < 2) newformat = '0' + newformat;
		newformat += ":" + old_arr[1] + timeFormat;
	}
	alert(newformat);
}
</script>

 

 

You might also like:

Check null values in JavaScript?

04-02-2019 JavaScript null check null value

How to get id by using name attribute in javascript

20-03-2017 html id name javascript

Using slice remove last two characters from given string

07-03-2017 slice remove

Get previous date from given date in javascript

06-03-2017 date javascript previous date

Get Unique values from array/object in javascript

19-02-2017 javascript unique remove repeated values from array