Javascript 无法获取“文件”;“保存更改”;一旦使用jQuery日期选择器,按钮将被取消激活
出于某种原因,我的代码似乎忽略了这样一个事实:当使用jQuery日期选择器选择日期时,它应该重新启用“保存更改”按钮。如果我在任何其他输入框中更改一个值,它似乎工作正常。我似乎不太明白这一点,也不太明白这个问题Javascript 无法获取“文件”;“保存更改”;一旦使用jQuery日期选择器,按钮将被取消激活,javascript,jquery,jquery-ui,dom,datepicker,Javascript,Jquery,Jquery Ui,Dom,Datepicker,出于某种原因,我的代码似乎忽略了这样一个事实:当使用jQuery日期选择器选择日期时,它应该重新启用“保存更改”按钮。如果我在任何其他输入框中更改一个值,它似乎工作正常。我似乎不太明白这一点,也不太明白这个问题 <!doctype html> <html> <head> <title>jQuery UI Datepicker - Default functionality</title> <link rel="styleshee
<!doctype html>
<html>
<head>
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker();
$('.check input').keyup(function() { $('#save').attr('disabled', false); });
$( "#save" ).click(function() { $('#save').attr('disabled', true); });
});
</script>
</head>
<body>
<table class="check">
<tr>
<td><input type="text" id="txt1" value="text1"></td>
<td><input type="text" id="txt2" value="text2"></td>
<td><input type="text" id="txt3" value="text3"></td>
</tr>
<tr>
<td><input type="text" id="txt4" value="text4"></td>
<td><input type="text" id="txt5" value="text5"></td>
<td><input type="text" id="txt6" value="text6"></td>
</tr>
<tr>
<td><input type="text" id="txt7" value="text7"></td>
<td><input type="text" id="txt8" value="text8"></td>
<td><input type="text" id="datepicker" />Date Picker</td>
</tr>
</table>
<input id="save" type="button" value="save changes" disabled>
</body>
</html>
jQuery UI日期选择器-默认功能
$(函数(){
$(“#日期选择器”).datepicker();
$('.check input').keyup(函数(){$('#save').attr('disabled',false);});
$(“#保存”)。单击(函数(){$('#保存').attr('disabled',true);});
});
日期拾取器
使用。选择和
.prop()方法提供了一种显式检索属性值的方法,而.attr()则检索属性
选择日期后,仍然无法启用“保存”按钮。!啊,现在我明白了。它工作得很好!非常感谢你的帮助。@JasonKelly-太好了。很乐意帮忙。如果有机会,请投票并接受答案。
$("#datepicker").datepicker({
onSelect: function () {
$('#save').prop('disabled', false);
}
});