jQuery datepicker使用getXMLHTTP（）

Question

我想獲取datepicker值來更改選定的選項值。所以我必須使用像onchange這樣的事件來改變下一個值。但jQuery不支持onchange。我怎樣才能做到這一點？

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,""]; } 

Answer 1

您已經包含在你頁面的jQuery做AJAX我們做到了在1999年，當微軟首次推出在Internet Explorer 5中的XMLHTTP ActiveX對象的方式嗎？我簡直不敢相信我的眼睛。

那麼，讓我們做到這一點通過利用我們所使用的框架所提供給我們，擺脫這種gettime功能：

<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>