2012-02-05 2 views
0

datepicker 값을 가져 와서 선택한 옵션 값을 변경하고 싶습니다. 따라서 다음 가치를 바꾸려면 onchange와 같은 이벤트를 사용해야합니다. 그러나 jQuery는 onchange를 지원하지 않습니다. 어떻게해야합니까?jQuery datepicker use getXMLHTTP()

function gettime(str) { 

      var strURL="/Doctor/booking/gettime.jsp?datepicker="+str; 
      var req = getXMLHTTP(); 

      if (req) { 

       req.onreadystatechange = function() { 
        if (req.readyState == 4) { 
         // only if "OK" 
         if (req.status == 200) { 
          document.getElementById('datepicker').innerHTML=req.responseText; 
         } else { 
          alert("There was a problem while using XMLHTTP:\n" + req.statusText); 
         } 
        } 
       } 
       req.open("GET", strURL, true); 
       req.send(null); 
      } 
     } 

<b>Date: <input type="text" id="datepicker" name="datepicker" readonly="true" change="gettime(this.value)"></b> 

jQuery를 :

<script> 
$(document).ready(function() { 
    $(function() { 
     $("#datepicker").datepicker({dateFormat: 'yy-mm-dd', 
      maxDate: '+1m', 
      minDate: 'Now', 
      beforeShowDay: noSundays 
     }); 
    }); 
}); 
function noSundays(a) { a=a.getDay(); return[a>0&&a<7,""]; } 

답변

1

당신은 jQuery를 페이지에 포함되어있는 AJAX 마이크로 소프트가 최초의 인터넷 익스플로러 5의 XMLHTTP ActiveX 객체를 도입 할 때 우리가 1999 년에 그것을 그런 식으로합니까? 나는 내 눈을 믿을 수 없다. 다음

<b> 
    Date: 
    <input type="text" id="datepicker" name="datepicker" readonly="true" /> 
</b> 

과 :

<script type="text/javascript"> 
    $(function() { 
     $("#datepicker").datepicker({dateFormat: 'yy-mm-dd', 
      maxDate: '+1m', 
      minDate: 'Now', 
      beforeShowDay: noSundays, 
      onSelect: function(dateText, inst) { 
       $.ajax({ 
        url: '/Doctor/booking/gettime.jsp', 
        type: 'GET', 
        data: { datepicker: $(this).val() }, 
        success: function(result) { 
         $('#datepicker').val(result); 
        } 
       }); 
      } 
     }); 
    }); 

    var noSundays = function(a) { 
     var day = a.getDay(); 
     return [day > 0 && day < 7, '']; 
    }; 
</script> 
+0

기원 그래서

,의 우리에게 제공하고,이 gettime 기능을 없애 우리가 사용하고있는 프레임 워크가 무엇을 활용하여이 작업을 수행 할 수 있도록 url은 strURL = "/ Doctor/booking/gettime.jsp? datepicker ="+ str입니다. jsp? datepicker가 필요합니다. 내가 요청할 것이기 때문에. 매개 변수 ("datepicker"); 어떻게 아약스를 바꿀 수 있습니까? – user1190842

+0

@ user1190842, $ .ajax를 사용하고'type : 'GET''을 지정하면 jquery가 자동으로'data' 변수를 사용하여 쿼리 문자열의 형식을 지정하므로 예상 값을 가진 요청이 서버로 전송됩니다. –

+0

죄송합니다, jquery 수 있습니다 beacause 날짜 값을 가져올 수 없습니다. – user1190842