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:

File Upload Using Angular Js and Node Js

28-05-2018 AngularJs Node js file upload multer module

Detect AdBlock with JavaScript in my browser

30-07-2017 AdBlock javascript detect

Change datepicker display format

06-03-2017 datepicker angular js

How to find Angular Errors

06-03-2017 errors angularjs exceptionHandler

Email validation regular expression in javascript

22-02-2017 email validation regex