Trent Richardson jQuery UI Timepicker

by Oliver Kelso

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css">
<script src="http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js"></script>
<input class="time_slider" id="starttime" name="starttime" type="text" size="50" />

JavaScript

/*
$('.time_slider').click(function () {
    var time = "12:00 am";
    if($(this).val() == "")
    {
        $(this).val(time);
    }
});
*/
$('.time_slider').timepicker({
        hourGrid: 4,
        minuteGrid: 10,
        timeFormat: 'hh:mm tt',
        defaultValue: "12:00 am"
});