jQuery実装の入力ボックス選択タイムプラグイン使用例

この例では、jQuery実装の入力ボックス選択タイムプラグインの使い方について説明します.皆さんの参考にしてください.具体的な実現方法は以下の通りである.

    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 
msg 
 
  
 
time1
 
  
 
time2
 
  
 
time3
 
  
 
 
  
 
 
  
 
 
  
  
  <br> $('#time').setTime(); 
  <br> $('#time2').setTime({ 
  <br> drag:true, 
  <br> h:[5,20], 
  <br> i:[5,50], 
  <br> s:[5,45], 
  <br> a:0.05, 
  <br> constraint:'', 
  <br> 'starteffect': function(d){ 
  <br> $('#msg').html(d[0]); 
  <br> }, 
  <br> 'onmove':function(e){ 
  <br> $('#msg').html(e[0] + '/' + e[1]) 
  <br> }, 
  <br> zindex:'0', 
  <br> 'cursor':'move', 
  <br> 'area':[[50,600],[10 ,5000]], 
  <br> 'callback':function(){ 
  <br> //alert(1) 
  <br> } 
  <br> }); 
  <br> $('#time3').setTime({ 
  <br> drag:true, 
  <br> a:0.05 
  <br> }); 
  <br> $('#button').click(function(){ 
  <br> alert( $('#time').val() ); 
  <br> alert( $('#time2').val() ); 
  <br> alert( $('#time3').val() ); 
  <br> }); 
  <br>  
  
  
  
  
 

本明細書のタイムプラグインjquery.settime.jsここをクリックして当駅でダウンロードします.
本文で述べたことが皆さんのjQueryプログラム設計に役立つことを願っています.