jQuery实现的输⼊框选择时间插件⽤法实例
kettle连接oracle数据库本⽂实例讲述了jQuery实现的输⼊框选择时间插件⽤法。分享给⼤家供⼤家参考。具体实现⽅法如下:
复制代码代码如下:
<!dooCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html>
<head>
<meta charset = utf8>
<title>jQuery实现的输⼊框选择时间插件</title>
<script charset="utf-8" src="/js/jquery-1.6.2.min.js"></script>
洛克王国菜单栏在哪<script charset="utf-8" src="/js/jquery.settime.js"></script>
</head>
<body>
<p id="msg">msg </p>
<p >time1<input id="time" value="" /></p>
<p >time2<input id="time2" value="" /></p>
<p >time3<input id="time3" value="" /></p>
<p ><input type = button id="button" value="button"/></p>
<div>
</div>
<script>
$('#time').setTime();
$('#time2').setTime({
drag:true,
h:[5,20],
i:[5,50],
s:[5,45],
a:0.05,
constraint:'',
'starteffect': function(d){
$('#msg').html(d[0]);
},前端用的是什么编程语言
'onmove':function(e){
$('#msg').html(e[0] + '/' + e[1])
},
zindex:'0',
'cursor':'move',
'area':[[50,600],[10 ,5000]],
'callback':function(){
//alert(1)
}
});
$('#time3').setTime({
drag:true,
a:0.05
});
asarray
$('#button').click(function(){
alert( $('#time').val() );
alert( $('#time2').val() );
alert( $('#time3').val() );
});
</script>
</body>一个简单的网页图片
</html>
本⽂中的时间插件jquery.settime.js点击此处。
希望本⽂所述对⼤家的jQuery程序设计有所帮助。
>jquery下载文件插件
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论