제이쿼리 (3) 썸네일형 리스트형 제이쿼리 데이트피커 사용법 활용 제이쿼리 데이트피커 사용법 활용 let date = $("#from36").val().split("."); date[1] = date[1] - 1; let formattedDate = new Date(date[0], date[1], date[2]).toLocaleDateString("ko-KR", {year: "numeric", month: "2-digit", day: "2-digit"}); $("#to36").val(formattedDate); $("#to36").datepicker({ setDate:"0", dateFormat:"yy-mm-dd", }); 옵션 참고 : https://www.nextree.co.kr/p9887/ jQuery: 참 편리한 날짜선택 위젯- datepicker 웹 페이지를 .. jquery toggle 탭 버튼 만들기 제이쿼리 토글 탭 버튼 만들기. 아주 다양한 방식이 존재하지만... 오늘은 이렇게 만들어 봤다! $('.btn > div').click(function(){ const classNameIs = $(this).attr('class'); // 클래스 이름으로 패널 const panelSelector = '.panel' + classNameIs.charAt(0).toUpperCase() + classNameIs.slice(1); // 선택한 패널의 토글, 형제요소 숨기기 $(panelSelector).toggle(0, function(){ $(this).siblings().css("display","none"); }); }); HTML 마크업된 부분의 이름을 가져와서 만들어주는게 포인트다. 결과 : HTML .. jquery 제이쿼리 메뉴 active 클래스 추가하여 활성화 클래스 적용 방법 pathname을 받아와서 일치하는 a태그에 클래스를 넣어주어서 페이지가 이동 될 때마다, 해당하는 페이지에 메뉴가 활성화 상태로 보이게 하는 것이 목적. pathname은 http://localhost:8030/ 다음으로 나오는 "프로젝트명과 페이지 이름"까지. 지금 프로젝트 기준으로는 " /ableProject/statistic " 이부분. 프로젝트명은 ableProject 이고 pathname에서 프로젝트명을 지워주면 statistic 페이지 이름만 남으니까, 이 부분을 a태그의 href와 일치 시켜주는 a 태그를 찾기로 함. HTML Index Monitoring 미세먼지 Board JS & jQuery const pathname = (location.pathname).split('/'); // .. 이전 1 다음
