<script type='text/javascript'>

function makeDatePickers () {
  $('#trip_pickup_time, #trip_appointment_time, [data-behavior=date-time-picker]').datetimepicker({
  	ampm: true,
  	hourMin: 8,
  	hourMax: 18,
		hourGrid: 3,
  	minuteGrid: 15,
		timeFormat: 'hh:mm t',
		dateFormat: 'D yy-mm-dd',
    showOn: "button",
    buttonImage: "<%=  image_path 'calendar-clock.png' %>",
    buttonImageOnly: true,
    constrainInput: false
  });
}

$(function(){
  makeDatePickers();
})

</script>
<script type='text/javascript'>

function makeDatePickers () {
  $('#trip_pickup_time, #trip_appointment_time, [data-behavior=date-time-picker]').datetimepicker({
  	ampm: true,
        stepMinute: 5,
        stepHour: 1,
  	hourMin: 8,
  	hourMax: 18,
        hourGrid: 2,
        minuteGrid: 10,
        timeFormat: 'hh:mm t',
        dateFormat: 'D yy-mm-dd',
        showOn: "button",
        buttonImage: "<%=  image_path 'calendar-clock.png' %>",
        buttonImageOnly: true,
        constrainInput: false
  });
}

$(function(){
  makeDatePickers();
})

</script>

Make datetime picker more friendly
Make datetime picker more friendly
