개발자의 끄적끄적

[javascript/jquery] jquery datepicker select event example/ jquery datepicker 날짜 선택 이벤트 예제 jquery datepicker 를 이용하다보면 div 같은 영역에 datepicker 를 구현했을때 날짜를 선택한 이벤트를 수신해야 하는 경우가 있습니다. 그럴때는 아래와 같이 onSelect 이벤트를 이용하시면 됩니다! 예를들어 class 가 datepicker 인 div 가 있다고 가정하고, 위 div 안에 datepicker 를 구현하고 싶으면 아래와 같이 스크립트를 선언하시면 됩니다. $('.datepicker').datepicker({ onSelect: function(dateString) { console.log(dateString..

[javascript/jquery] jquery datepicker korean example / jquery datepicker 한글 설정 방법 jquery datepicker 를 사용해서 input 클릭시 달력이 떠서 날짜를 선택하게 적용하는 경우가 많이 있습니다. 그중에서 달력의 언어를 한글로 변경하고, 2022년 3월 의 형태로 달력에 표기되도록 하려면 아래와 같이 옵션을 추가하시면 됩니다. $( "#date" ).datepicker({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월']..

[javascript/jquery] jquery datepicker dateFormat option example jquery datepicker 를 사용할때 날짜 형식을 설정하고 사용해야 원하는 데이터를 가공하고 저장하기가 쉬워집니다. 그럴때 아래처럼 옵션을 사용하면 됩니다. $("TARGET").datepicker({ dateFormat: 'yy-mm-dd' }); 위 내용을 보시면 아시겠지만, TARGET 대상 태그에 datepicker 를 선언할때, dateFormat: 'yy-mm-dd' 로 형식을 지정해주면 날짜 선택이 입력값이 2020-01-01 의 형태로 들어가게 됩니다! 참고들 하세요!

[jQuery] 모바일에서 Datepicker 사용 시 키보드 올라오지 않게 하는 방법 모바일에서 Datepicker 사용 시 input type="text" 로 인해 키보드가 올라오게 되는 현상에 대한 대처 방법 HTML JS $('#divDate').datetimepicker({ format: "YYYY-MM-DD", ignoreReadonly: true }); 출처: https://sshbug.tistory.com/230 [SsonG's]

[jquery] datepicker label explorer 오류 달력 이미지 보통 jquery datepicker를 사용할때 위처럼 input 박스와 그 옆에 달력이미지를 label로 감싸서 두가지다 클릭 반응이 일어날때 달력 선택 창이 그려지게 됩니다. 하지만, 달력 이미지 위처럼 코딩을하면 크롬에서는 정상동작하지만, explorer에서는 이미지 클릭시에는 아무반응이 없습니다. 정확한 원인은 모르겠지만... input 태그와 매칭을 해야하는 과정에서 id 와 name가 같은 이름이 쓰이는 동작을 안하는것을 확인했습니다!! 개발에 도움들 되시라고 올려봅니다!! 참고들 하세요!!