jquery datepicker onselect的问题
Posted
技术标签:
【中文标题】jquery datepicker onselect的问题【英文标题】:problem with jquery datepicker onselect 【发布时间】:2010-11-19 10:46:18 【问题描述】:按照 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 只是没有工作,所以我回到基础仍然无法工作,有人知道我做错了什么吗??
【问题讨论】:
你能把你的html代码粘贴到你创建日期选择器的地方吗? 【参考方案1】:您没有正确使用 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 */ );
【讨论】:
$("#datepicker").datepicker('destroy') 然后设置一个具有不同选项的新选项是另一种可能性 - 尽管在这种情况下,只需摆脱第一次初始化。 大赢!你的第一个答案 $('#datepicker').datepicker('option', 'onSelect', function() /* do stuff */ );对我来说只是把戏。非常感谢!$('#datepicker').datepicker('option', 'onSelect', function() /* do stuff */ );
你的回答对我有用,谢谢
在这里检查我的问题-,我认为这是drupal.behavior
问题,但您的技巧似乎对我有用drupal.stackexchange.com/questions/133694/…...如果您愿意,可以在此处添加答案-@Ken Browning
【参考方案2】:
选择日期时此代码是否必须工作:
$("#datepicker").datepicker(
dateFormat: 'dd/mm/yy'
).on("changeDate", function (e)
alert("Working");
);
【讨论】:
尝试所有变体,这是唯一有效的变体谢谢@hamzeh 如果有人因为您使用github.com/eternicode/bootstrap-datepicker而对方法有疑问,那么这就是他们使用的方式"changeDate"
也适合我。 "option" "onSelect"
和其他变体不起作用。谢谢!
谢谢你..它节省了我的时间。“changeDate”只工作!【参考方案3】:
您可以尝试删除该行正上方的第二个$("#datepicker").datepicker()
,留下:
$(document).ready(function()
$('#datepicker').datepicker( onSelect: function(dateText, inst) alert("Working"); );
);
【讨论】:
自从上次回答此问题以来,事件名称不同。有关事件和示例,请参见此处:bootstrap-datepicker.readthedocs.io/en/latest/events.html【参考方案4】:jQuery datepicker 的 onSelect 有时不起作用,但您可以通过在您的 input
类型的 onchange
事件上调用方法来绕过它。
function changeDate()
$("#datepicker").datepicker(
"change",
alert("I am working!!");
);
将此changeDate()
方法称为-
<div type="text" id="datepicker" onchange ="javascript:changeDate();" />
【讨论】:
以上是关于jquery datepicker onselect的问题的主要内容,如果未能解决你的问题,请参考以下文章
javascript [js - datepicker] jquery datepicker #js