FrontEnd/jQuery5 [jQuery] datepicker공통 옵션 설정 /오늘 이전날짜 비활성화 개별 옵션 설정 / 특정 셀렉터에만 적용 특정 셀렉터에만 오늘이전날짜 옵션을 지정하고 싶을 때 $("#datepicker").datepicker( "option", "minDate", "0"); $(document).ready(function(){ //모든 datepicker에 대한 공통 옵션 설정 $.datepicker.setDefaults({ dateFormat: 'yy-mm-dd' //Input Display Format 변경 ,showOtherMonths: true //빈 공간에 현재월의 앞뒤월의 날짜를 표시 ,showMonthAfterYear:true //년도 먼저 나오고, 뒤에 월 표시 ,changeYear: true //콤보박스에서 년 선택 가능 ,changeMonth: true //콤보박스에서 월 선택 가능 ,showOn: "bo.. 2023. 3. 24. 미선택시 저장불가 / 저장시 체크하면서 경고 / addClass 미선택시 저장불가 Simple Memo : for문을 도는 도중 미선택에 해당된다 해서 return 해버리면 미선택항목이 여러개인경우 앞부분의 것을 체크하다가 return 해버림으로 뒷부분을 체크하지 못하게 된다. 즉 addClass(경고클래스 추가) 가 앞까지만 적용되고 return 돼버린다. 그래서 생각한것이 반복문을 전부 돌며 체크함으로 addClass가 적용 되어야 하는부분에 다 적용 해주고, selectCheck 변수를 통해 if문을 실행시키면서 return 조건에 해당되면 그때 return 처리하는 구조로 코딩을 했다. var selectCheck = flase; // 기본값을 false로 설정 $('input[name="occuNcsCode"]').each(function(idx){ // 반.. 2021. 7. 12. [jQuery] .attr의 사용 예 1. 요소(element)의 속성(attribute)의 값을 가져오거나 .attr( attributeName ) 2. 요소에 속성을 추가 .attr( attributeName, value) 예제1 $( 'div' ).attr( 'class' ); // div 요소의 class 속성의 값을 가져옴 예제2 $( 'input' ).attr( 'placeholder', 'Input your address' ); // 선택한 요소에 속성을 추가 // input 요소에 Input your address를 값으로 하는 placeholder 속성을 추가합니다. jQuery .attr() 선택된 요소의 애트리뷰트 값을 얻거나 설정하는 메소드 일치하는 요소 집합의 첫 번째 요소에 대한 속성 값을 가져옴 각 요소의 값을 개.. 2021. 6. 4. [jQuery] .prop의 사용 예 : disabled속성 해제 or 부여 / checked 해제 or 부여 / selected해제 or 부여 disabled, checked 속성은 불리언(boolean) 속성입니다. - 불리언 속성은 해당 속성을 명시하면 자동으로 true 값을 가지게 됩니다. - 명시하지 않으면 속성값이 자동으로 false 값을 가지게 됩니다. - 속성이 존재한다면 해당 속성이 true임을 의미합니다 $('#jobName').prop('disabled', true); // 해당 요소에 disabled 속성 주기 $('input[name=dataChk]:checked').prop('checked', false); // 해당 요소의 checked된 속성 해제 하기 $('#selectYear').prop('selected', true); // 해당 요소 selected 속성 주기 As of jQuery 1.6, the .attr(.. 2021. 6. 4. [jQuery] Ajax 사용 후 동적 생성(append)된 엘리먼트에 이벤트가 작동하지 않을 때 Ajax를 사용해 데이터에 따라 동적으로 테이블을 생성하거나 동적으로 button을 생성하는 경우가 많을 것이다. 이렇게 동적으로 생성된 button에 클릭 이벤트를 줄때, 일반적인 방법으로는 작동하지 않을것이다! button에 클릭이벤트를 주는 일반적인 방법으로 이렇게 했을 것이다. // 동적으로 생성된 저장버튼 클릭시 $('#saveBtn').click(function() { alert("동작하겠지?"); // 안한다. }); 왜 동작하지 않을까? 이유는 아직 존재하지 않는 요소에 대해 이벤트를 주려했기 때문이다. The problem is that .click only works for elements already on the page. ( 문제는 .click이 페이지에 이미 있는 요소에 대해서만.. 2021. 5. 11. 이전 1 다음