按照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只是没有工作,所以我回到基础,仍然不工作,任何人都知道我做错了什么？
Ken*_*ing 42
你没有正确使用api.不要把它弄坏,一开始会让人感到困惑.
这两行都告诉datepicker小部件初始化元素上的datepicker:
$("#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 */ });
ham*_*deh 20
选择日期时,此代码必须有效:
$("#datepicker").datepicker({
dateFormat: 'dd/mm/yy'
}).on("changeDate", function (e) {
alert("Working");
});
Vot*_*ple 13
您可以尝试删除该$("#datepicker").datepicker()行上方的第二个,留下:
$(document).ready(function(){
$('#datepicker').datepicker({ onSelect: function(dateText, inst) { alert("Working"); } });
});
| 归档时间： |
|
| 查看次数： |
63977 次 |
| 最近记录： |