Форум

рони · #11 (**permalink**) 09.06.2014, 15:46

Сообщение от alex33

Вот пример есть здесь, на этой странице

есть но одной маски недостаточно ... код со ссылки выше

$('.js-input-time').mask(
						"99:99",
						{
							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();
							}
						}
					);

и конечно там слегка новее сам плагин чем тут теме

рони · #12 (**permalink**) 09.06.2014, 16:04

итого...

<!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>

рони · #13 (**permalink**) 09.06.2014, 19:52

http://keith-wood.name/timeEntry.html

Форум

Справочник

Discord чат

Курсы javascript