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:

Use java script file client side and server side at a time in node js

30-07-2017 node js include call javascript

Time Sorting Ascending or Descending Order in Javascript

19-07-2017 Javascript ascending order descending order

Filter for insert HTML in Angular Js

06-03-2017 filter show html angular js html

Sample Validations in javascript

22-02-2017 validations javascript

Email validation regular expression in javascript

22-02-2017 email validation regex