Add time field in checkout

1. Info.md

Adding Time Field in checkout to display in date required in order (cpanel/print docs)

B@se

The input fields will need:

• Hour - deliveryhr
• Minutes - deliverymin

onepage.template.html

<!-- onepage.template.html -->
[%SITE_VALUE id:'footer_javascript'%]
<script type="text/javascript" language="javascript">
function splitTimeField(pickUpTime){
	var miscFieldVal = $(pickUpTime).val();

	var deliveryHour = miscFieldVal.substr(0, 2);
	var deliveryMinute = miscFieldVal.substr(3, 2);
	var deliveryAmPm = miscFieldVal.substr(6,2);
	console.log('Pick-up Time: ' + deliveryHour +' : '+ deliveryMinute +' : '+ deliveryAmPm); 

	$('#nCustom-deliveryhr').val(deliveryHour);
	$('#nCustom-deliverymin').val(deliveryMinute);
}

	$('#checkout_shipping').on('change', '.delivery_timefield', function(){
		splitTimeField($(this));
	});
</script>
[%/ SITE_VALUE%]
<!-- END onepage.template.html -->

shipping_options.template.html

<!-- shipping_options.template.html -->
<!-- Under: -->
<input type="text" class="form-control" name="delivery_date[@addr_id@]" value="[%FORMAT type:'date' format:'#D/#M/#Y' default:''%][@order_delivery_date@][%/FORMAT%]"/>

<!-- Add: -->
<input type="hidden" class="form-control" id="nCustom-deliveryhr" name="deliveryhr" value="" />
<input type="hidden" class="form-control" id="nCustom-deliverymin" name="deliverymin" value="" />

<!-- Have a select box that users pick the time: -->
<p class="time_dropdown" >
		<label>Prefered Delivery Time</label>
		<select class="form-control delivery_timefield" name="delivery_timefield" required>
			<option value="">Select...</option>
			<option value="08.00 am">8.00 am</option>
			<option value="09.00 am">9.00 am</option>
			<option value="10.00 am">10.00 am</option>
			<option value="11.00 am">11.00 am</option>
			<option value="12.00 am">12.00 pm</option>
			<option value="13.00 pm">1.00 pm</option>
			<option value="14.00 pm">2.00 pm</option>
			<option value="15.00 pm">3.00 pm</option>
			<option value="16.00 pm">4.00 pm</option>
			<option value="17.00 pm">5.00 pm</option>
			<option value="18.00 pm">6.00 pm</option>
		</select>
	</p>
<!-- END shipping_options.template.html -->