按照 jquery 网站上的基本 onSelect 规范,我尝试了以下代码:
<!DOCTYPE html>
<html>
<head>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.datepicker.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#datepicker").datepicker();
$('#datepicker').datepicker({
onSelect: function(dateText, inst) { alert("Working"); }
});
});
</script>
</head>
<body style="font-size:62.5%;">
<div type="text" id="datepicker"></div>
</body>
</html>
并且无法让它工作! 最初一直试图让一个更复杂的事情发挥作用,但 onSelect 不起作用,所以我回到基础知识,但仍然不起作用,有人知道我做错了什么吗?
最佳答案
您没有正确使用 API。不要觉得不好,一开始会很困惑。
这两行都告诉日期选择器小部件初始化元素上的日期选择器:
$("#datepicker").datepicker();
$('#datepicker').datepicker({
onSelect: function(dateText, inst) { alert("Working"); }
});
您可以删除第一个,因为它除了阻止第二个产生任何影响之外没有做任何事情。
如果您想在初始化小部件后更改其中一个选项的值,那么您需要使用此 api:
$('#datepicker').datepicker('option', 'onSelect', function() { /* do stuff */ });
或者,您可以使用 jQuery 的 bind
函数附加一个处理程序:
$('#datepicker').bind('onSelect', function() { /* do stuff */ });
关于jquery - jquery datepicker onselect 的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1274347/