итого...
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js" ></script>
<script>
$(function ()
{
$.mask.definitions['H']='[012]';
$.mask.definitions['M']='[012345]';
$('#eITDbegintime').mask('H9:M9',{
placeholder: "_",
completed: function()
{
var val = $(this).val().split(':');
if ( val[0]*1 > 23) val[0] = '23';
if ( val[1]*1 > 59) val[1] = '59';
$(this).val( val.join(':') );
$(this).next(':input').focus();
}
}
);
$('#eITDendtime').mask('H9:M9',{
placeholder: "_",
completed: function()
{
var val = $(this).val().split(':');
if ( val[0]*1 > 23) val[0] = '23';
if ( val[1]*1 > 59) val[1] = '59';
$(this).val( val.join(':') );
//$(this).next(':input').focus();
}
}
);
})
</script>
</head>
<body>
<input id="eITDbegintime" type="text" />
<input id="eITDendtime" type="text" />
</body>
</html>