Javascript 如何手动设置时间选择器
我从下载了计时器。在剪切了大量代码后,我得到了一个简单的示例:Javascript 如何手动设置时间选择器,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我从下载了计时器。在剪切了大量代码后,我得到了一个简单的示例: <html> <head> <title>jQuery.timepickr.js</title> <link rel="Stylesheet" media="screen" href="reset.css" /> <link rel="Stylesheet" media="screen" href="styles
<html>
<head>
<title>jQuery.timepickr.js</title>
<link rel="Stylesheet" media="screen" href="reset.css" />
<link rel="Stylesheet" media="screen" href="styles.css" />
<link rel="Stylesheet" media="screen" href="../dist/themes/default/ui.core.css" />
<link rel="Stylesheet" media="screen" href="../src/css/ui.timepickr.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.js"></script>
<script type="text/javascript" src="jquery.utils.js"></script>
<script type="text/javascript" src="jquery.strings.js"></script>
<script type="text/javascript" src="jquery.anchorHandler.js"></script>
<script type="text/javascript" src="jquery.ui.all.js"></script>
<script type="text/javascript" src="../src/ui.timepickr.js"></script>
<script type="text/javascript">
$(function(){
$('#timepicker').timepickr().focus();
$('#timepicker').next().find('ol').show().find('li:eq(2)').mouseover();
});
</script>
</head>
<body id="themeroller">
<div id="splash">
<div id="demo">
<div id="d-demo-wrapper-1" class="demo-wrapper">
<input id="timepicker" type="text" value="02:30" class="demo">
</div>
</div>
</div>
</body>
</html>
jQuery.timepicker.js
$(函数(){
$('#timepicker').timepicker().focus();
$('#timepicker').next().find('ol').show().find('li:eq(2)').mouseover();
});
我注意到,当我试图通过键盘手动设置时间时,数字会自动更改,然后鼠标离开输入字段。我注意到,即使在最初的示例中,我也无法手动设置数字。我怎样才能解决这个问题 您可以使用
timepicker
$("#timepickr").timepickr({
convention: 12,
format12: "{h:02.d}:{m:02.d} {z:s}",
rangeMin: $.range(0, 60),
val: "02:00 am" //set your default time here
});