datepicker 관련질문
본문
데이터피커 관련 질문입니다 데이터피커 초점이 탭으로만 이동해야 되서 만들었는데 전년도를 선택하고나서 날짜로 초점이 가야하는데 나가집니다 어떤 문제일까요?
정확히는 초점이 인풋으로 가집니다 월이나 년도로 탭이 가져야합니다
답변 2
다음 코드가 도움이 될지 모르겠습니다.
$(function () {
$('.datepicker').datepicker({
...
minDate: '-20Y',
yearRange: '-20:+0',
beforeShow: function (el, obj) {
setTimeout(function () {
obj.dpDiv.find('.ui-datepicker-month').focus();
}, 1);
}
});
// dayTripper();
});
혹시 function안에 el,obj은 어떤 걸 의미하나요??
https://api.jqueryui.com/datepicker/#option-beforeShow
el : input field
obj : datepicker instance
아하 들어가자마자 focus가 월로 가긴하는데 제가 원하는 바는 년도를 바꾼후에 월로 focus가 가는걸 바래서요 쉽지가 않네요 ㅜ
1번이 제일 효과적일 것 같은데 어떤 이유인지 작동하지 않습니다 ㅠ
<!DOCTYPE html>
<html>
<head>
<!-- 여기에 데이터피커 관련 스크립트 및 스타일 시트를 추가하세요. -->
</head>
<body>
<label for="yearInput">년도:</label>
<input type="text" id="yearInput">
<label for="monthInput">월:</label>
<input type="text" id="monthInput">
<script>
// 데이터피커 관련 스크립트를 초기화 및 설정하는 코드
// 이 코드는 데이터피커 라이브러리에 따라 다를 수 있습니다.
// "년도" 입력 필드
const yearInput = document.getElementById("yearInput");
// "월" 입력 필드
const monthInput = document.getElementById("monthInput");
// "년도" 입력 필드의 이벤트 핸들러
yearInput.addEventListener("change", function () {
// "년도" 입력 필드가 변경되면 "월" 입력 필드로 초점 이동
monthInput.focus();
});
</script>
</body>
</html>
답변을 작성하시기 전에 로그인 해주세요.