jQuery實(shí)現(xiàn)的輸入框選擇時(shí)間插件用法實(shí)例
更新時(shí)間：2015年02月28日 09:28:27 作者：代碼家園
這篇文章主要介紹了jQuery實(shí)現(xiàn)的輸入框選擇時(shí)間插件用法,實(shí)例分析了jQuery插件jquery.settime.js的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery實(shí)現(xiàn)的輸入框選擇時(shí)間插件用法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<!dooCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta charset = utf8>
<title>jQuery實(shí)現(xiàn)的輸入框選擇時(shí)間插件</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
});
$('#button').click(function(){
alert( $('#time').val() );
alert( $('#time2').val() );
alert( $('#time3').val() );
});
</script>
</body>
</html>
<html>
<head>
<meta charset = utf8>
<title>jQuery實(shí)現(xiàn)的輸入框選擇時(shí)間插件</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
});
$('#button').click(function(){
alert( $('#time').val() );
alert( $('#time2').val() );
alert( $('#time3').val() );
});
</script>
</body>
</html>
本文中的時(shí)間插件jquery.settime.js點(diǎn)擊此處本站下載。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jQuery ajax全局函數(shù)處理session過期后的ajax跳轉(zhuǎn)問題
這篇文章主要介紹了基于jQuery的全局ajax函數(shù)處理session過期后的ajax操作的相關(guān)資料,需要的朋友可以參考下2016-06-06
jQuery Easyui Datagrid實(shí)現(xiàn)單行的上移下移及保存移動(dòng)的結(jié)果
這篇文章主要介紹了jQuery Easyui Datagrid實(shí)現(xiàn)單行的上移下移及保存移動(dòng)的結(jié)果,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
jQuery選擇器源碼解讀（五）：tokenize的解析過程
這篇文章主要介紹了jQuery選擇器源碼解讀（五）：tokenize的解析過程,本文用詳細(xì)的注釋解讀了tokenize方法的解析過程,需要的朋友可以參考下2015-03-03
jQuery+ThinkPHP實(shí)現(xiàn)圖片上傳
這篇文章主要為大家詳細(xì)介紹了jQuery+ThinkPHP實(shí)現(xiàn)圖片上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
這篇文章主要介紹了jQuery獲得指定元素坐標(biāo)的方法,涉及offset().left及offset().top屬性獲取元素坐標(biāo)的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
jQuery基于閉包實(shí)現(xiàn)的顯示與隱藏div功能示例
這篇文章主要介紹了jQuery基于閉包實(shí)現(xiàn)的顯示與隱藏div功能,結(jié)合實(shí)例形式分析了jQuery使用閉包實(shí)現(xiàn)的div顯示及隱藏相關(guān)判定與函數(shù)使用技巧,需要的朋友可以參考下2018-06-06
jQuery和hwSlider實(shí)現(xiàn)內(nèi)容響應(yīng)式可觸控滑動(dòng)切換效果附源碼下載（二）
這篇文章主要介紹了jQuery和hwSlider實(shí)現(xiàn)內(nèi)容響應(yīng)式可觸控滑動(dòng)切換效果附源碼下載（二）的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
JSONP 跨域訪問代理API-yahooapis實(shí)現(xiàn)代碼
介紹一個(gè)JSONP 跨域訪問代理API-yahooapis,需要的朋友可以參考下2012-12-12
NiftyCube——輕松實(shí)現(xiàn)圓角邊框
這篇文章主要介紹了NiftyCube——輕松實(shí)現(xiàn)圓角邊框2007-02-02
關(guān)于jquery動(dòng)態(tài)增減控件的一些想法和小插件
這段代碼壓縮到100行內(nèi)，而且擴(kuò)展方便，可以非常輕松的增減控件的數(shù)量,使用非常簡(jiǎn)單。2010-08-08