jQuery 日期选择器使用 getXMLHTTP()

Question

我想获取日期选择器值来更改所选选项值。所以我必须使用像 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 并按照 1999 年 Microsoft 首次在 Internet Explorer 5 中引入 XMLHTTP ActiveX 对象时的方式执行 AJAX？我简直不敢相信自己的眼睛。

因此，让我们利用我们正在使用的框架所提供的功能来实现这一点，并摆脱这个 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>