소다소다
70
2021-04-27 16:17:54 작성 2021-04-27 16:35:13 수정됨
1
108

제이쿼리 datepicker 변수 및 이벤트 처리 질문


datepicker를 사용하여 input type text에서 특정 날짜를 클릭하면 페이지가 갱신되고, 해당 날짜의 값을 변수로 DB 쿼리에 대입하여 웹에 표현 하려고 하는데요


1. 선택한 날짜 클릭시 페이지 갱신 이벤트

2. 선택한 날짜 변수로 사용


이 두가지를 하고싶은데 구글에 자료는 많은데 이해가 잘 안되네요 ㅠㅠ

고수님들의 조언을 구합니다..


--------------- 소스코드 --------------- 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <!-- jQuery -->
  <script type='text/javascript' src='//code.jquery.com/jquery-1.8.3.js'></script>
</head>
<body>
    <script type='text/javascript'>
        $(function () {
            $('.input-group.date').datepicker({
                calendarWeeks: false,
                todayHighlight: true,
                autoclose: true,
                format: "yyyy-mm-dd",
                language: "kr"
       });
        });
    </script>
 
  <section>
    <div>
        <div class="input-group date" style="width:280px;">
            <input type="text" class="form-control" id="to_date" placeholder="날짜 검색"><span class="input-group-addon">
      <i class="glyphicon glyphicon-calendar"></i></span>
        </div>
    </div>
</body>
</html>
0
  • 답변 1

  • 조리링
    359
    2021-04-27 17:05:49

    $('.datepicker').datepicker({            

        onSelect: function (dateText, inst) {

           //할 일             

         }

    });

    요걸로 클릭시 제어하세요~ onselect 관련 찾아보시구~

  • 로그인을 하시면 답변을 등록할 수 있습니다.