본문 바로가기
두번째 프로젝트 이야기

두 날짜 입력 요소 사이의 유효성

by @ENFJ 2023. 11. 14.
$(document).ready(function() {
    // 여기에 문서가 로드된 후 실행되어야 할 코드 작성
    $("#srchEndDt").attr("min", $("#srchStartDt").val());

    $("#srchStartDt").on("input", function() {
        $("#srchEndDt").attr("min", $(this).val());
    });

    $("#srchEndDt").on("input", function() {
        $("#srchStartDt").attr("max", $(this).val());
    });
});

이 코드는 #srchStartDt의 값이 변경될 때마다 #srchEndDt의 min 속성을 업데이트하고, #srchEndDt의 값이 변경될 때마다 #srchStartDt의 max 속성을 업데이트합니다. 이러한 설정을 통해 두 날짜 입력 요소 사이의 유효성을 유지할 수 있습니다.





'두번째 프로젝트 이야기' 카테고리의 다른 글

[엑셀 다운로드] 클릭 시 동작 원리 + 흐름  (1) 2023.12.21
서브쿼리를 사용하는 이유  (1) 2023.11.14
oninput  (0) 2023.10.25
특수문자를 태그로 변경  (0) 2023.10.25
정규표현식-시분초  (0) 2023.10.23