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:

How to find Angular Errors

06-03-2017 errors angularjs exceptionHandler

Filter for change Date format (MM-dd-yyyy) in Angular Js

05-03-2017 mm-dd-yyyy date formats angular js

Filter for replace text in Angular Js

05-03-2017 filter replace angular js

Filters for convert text to camel case in Angular Js

05-03-2017 angularjs camelcase filters

How to remove last / value from url in javascript

27-02-2017 array javascript last value