>웹 프론트엔드 >JS 튜토리얼 >jQuery_jquery로 구현한 입력 상자 선택 시간 플러그인 사용 예

jQuery_jquery로 구현한 입력 상자 선택 시간 플러그인 사용 예

WBOY
WBOY원래의
2016-05-16 16:12:211588검색

이 기사의 예에서는 jQuery에서 구현한 입력 상자 선택 시간 플러그인의 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.



<메타 문자 집합 = utf8>
jQuery로 구현된 입력 상자 선택 시간 플러그인




msg


time1


time2


time3


<입력 유형 = 버튼 id="버튼" 값="버튼"/>





$('#time').setTime();
$('#time2').setTime({
드래그:사실,
h:[5,20],
나:[5,50],
s:[5,45],
a:0.05,
제약 조건:'',
'시작 효과': 함수(d){
$('#msg').html(d[0]);
},
'onmove':함수(e){
$('#msg').html(e[0] '/' e[1])
},
zindex:'0',
'커서':'이동',
'지역':[[50,600],[10,5000]],
'콜백':함수(){
//경고(1)
}
});
$('#time3').setTime({
드래그:사실,
a:0.05
});
$('#버튼').click(function(){
경고( $('#time').val() );
경고( $('#time2').val() );
경고( $('#time3').val() );
});


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.