jquery datepicker onselect的问题答案

【问题标题】：problem with jquery datepicker onselectjquery 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代码粘贴到你创建日期选择器的地方吗？

标签： jquery datepicker onselect

【解决方案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();" />

【讨论】：