Time picker

by Ganesh

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
        <div class="oneInfo">
            <input type="text" class="time ui-timepicker-input" id="ArrivalTime" autocomplete="off" placeholder="Arrival Time" maxlength="5" />
        </div>

JavaScript

$('#ArrivalTime').timepicker({
        'timeFormat':'HH:mm',
       "interval": 05
        });
        
var regex = new RegExp("^.{2}$");

$('#ArrivalTime').bind("keypress", function (event) {
    var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
    if (!regex.test(key)) {
        event.preventDefault();
        return false;
    }
});