jQuery_jqueryで実装した入力ボックス選択時プラグインの使用例

この記事の例では、jQuery によって実装された入力ボックス選択時プラグインの使用方法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<頭>
<メタ文字セット = utf8>

メッセージ

time1

time2

time3

<入力タイプ = button id="button" value="button"/>

<スクリプト>
$('#time').setTime();
$('#time2').setTime({
ドラッグ: true、
h:[5,20],
私:[5,50]、
s:[5,45]、
a:0.05、
制約:'',
'starteffect': function(d){
$('#msg').html(d[0]);
}、
'onmove':function(e){
$('#msg').html(e[0] '/' e[1])
}、
zindex:'0',
'カーソル':'移動',
'エリア':[[50,600],[10 ,5000]],
'コールバック':function(){
//アラート(1)
}
});
$('#time3').setTime({
ドラッグ: true、
a:0.05
});
$('#button').click(function(){
alert( $('#time').val() );
alert( $('#time2').val() );
alert( $('#time3').val() );
});

この記事の時間プラグイン jquery.settime.js については、ここをクリックしてくださいこのサイトからダウンロードしてください。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。