본문 바로가기

jQuery

 (4)
jquery tab 변경 클래스로 제어 하기! 탭 클릭시 해당하는 div 영역에 있는 내용 뿌려주는 jquery class 로 정의하여 한 화면에 탭이 여러개여도 각각에 맞춰서 제어 할수 있도록 작업했답니다. 기존에는 각 탭마다 ID를 지정해서 이용했지만 지금은 각 탭에 동일한 class와 동일한 구조인 경우 한번만 정의해서 사용하고 있답니다. 제가 주로 사용하는 방법입니다. 실제 사용 예제는 AWS Management Console S3 에 올렸답니다. 소스보기 해서 가져가서 쓰시면 됩니다. http://s3-ap-northeast-1.amazonaws.com/soyeontest/jquery/tab_class.html tab1 tab2 tab3 tab4 tab1 tab2 tab3 tab4 tab5 tab6 tab7 tab8 tab5 tab26 ta..
jQuery DatePicker option 한글 표기와 특정일 선택 안되도록 셋팅 jquery datepicker 를 사용하다 보면 간혹 한글로 표기 하고 싶은데 잘 안될때가 있더라구요 ㅠㅠ 그래서 약간의 꼼수를 썼답니다. datepicker option 중에 monthNames 에 "년" 글자를 붙여서 사용한거죠 !! 그런데 여기서 2번째 문제가 또 발생하네요.. 그건 바로 실제 년도와 "년" 사이가 넓어서 보기 불편하다는거죠.. 그래서 최후의 꼼수로 style css로 제어를 조금 했답니다. 이렇게 하니 아래 화면처럼 나오네요 그리고 특정일은 선택이 안되도록 하고 싶은데 사용하는 로직도 같이 넣어봤답니다. 특정일 선택 부분을 제외 하고 싶으면 datepicker option 중에 ", beforeShowDay: no_view" 이 부분 빼시면 됩니다. AWS S3에 업로드했습니다...
jquery cdn ssl link jquery cdn SSL LINK link change http://code.jquery.com/jquery-1.11.0.min.js -> //code.jquery.com/jquery-1.11.0.min.js
jquery ui datepicker 특정 요일 막기 예제 jquery ui datepicker 사용시 특정 요일 막는 방법 !! 내일부터 일주인 날짜만 활성화 되면서 일요일 비활성화 하는 방법! jqeury datepicker 사용시 class 로 지정하면 동일한 클래스를 가진 input 창은 모두 datepicker가 설정됩니다. jquery ui datepicker 특정 요일 막기 예제 //일주일간의 데이터만 보이도록 지정 $(".days").datepicker({ showOn: "button" , buttonImage: "/images/icon/cal.gif" , buttonImageOnly: true , minDate: new Date(, , ) , maxDate: new Date(, , ) , showMonthAfterYear:true , monthN..

티스토리툴바