jQuery日期选择器使用getXMLHTTP()
我想获取datepicker值以更改所选选项值。所以我必须使用像onchange这样的事件来更改下一个值。但是jQuery不支持onchange。我该怎么做jQuery日期选择器使用getXMLHTTP(),jquery,ajax,onchange,xmlhttprequest,Jquery,Ajax,Onchange,Xmlhttprequest,我想获取datepicker值以更改所选选项值。所以我必须使用像onchange这样的事件来更改下一个值。但是jQuery不支持onchange。我该怎么做 function gettime(str) { var strURL="/Doctor/booking/gettime.jsp?datepicker="+str; var req = getXMLHTTP(); if (req) {
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>
函数gettime(str){
var strURL=“/Doctor/booking/gettime.jsp?datepicker=“+str;
var req=getXMLHTTP();
如果(请求){
req.onreadystatechange=函数(){
如果(req.readyState==4){
//只有在“OK”的情况下
如果(请求状态==200){
document.getElementById('datepicker')。innerHTML=req.responseText;
}否则{
警报(“使用XMLHTTP:\n“+req.statusText时出现问题”);
}
}
}
请求打开(“获取”,strURL,true);
请求发送(空);
}
}
日期:
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,""]; }
$(文档).ready(函数(){
$(函数(){
$(“#datepicker”).datepicker({dateFormat:'yy-mm-dd',
最大日期:“+1m”,
minDate:“现在”,
展览日前:星期日
});
});
});
函数noSundays(a){a=a.getDay();return[a>0&&a您的页面中包含了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>
$(函数(){
$(“#datepicker”).datepicker({dateFormat:'yy-mm-dd',
最大日期:“+1m”,
minDate:“现在”,
展览日前:中午,
onSelect:函数(日期文本,inst){
$.ajax({
url:“/Doctor/booking/gettime.jsp”,
键入:“GET”,
数据:{datepicker:$(this.val()},
成功:功能(结果){
$(“#日期选择器”).val(结果);
}
});
}
});
});
var noSundays=函数(a){
var day=a.getDay();
返回[天>0和天<7',];
};
源url是strURL=“/Doctor/booking/gettime.jsp?datepicker=“+str;我需要jsp?datepicker。因为我将请求.Parameter(“datepicker”);如何更改ajax?@user1190842,当您使用$.ajax并指定类型时,jquery将自动使用数据变量格式化查询字符串,以便将具有预期值的请求发送到服务器。很抱歉,我无法获取日期值,因为它可能是jquery。