jquery - jquery datepicker onselect 的问题

标签 jquery datepicker onselect

按照 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/

相关文章:

jquery - 如何将 Ajax 与 Jquery 和复选框结合使用

javascript - Laravel 和 Ajax - foreach json 对象并处理重复项

javascript - 原生质日期选择器 : Issue with different datetime format

javascript - 如何禁用日期选择器中先前选定的月份

javascript - 无法识别 JQUERY datetimepicker onSelect

javascript - Mozilla/chrome/JQuery 可拖动图像不在鼠标位置

javascript - 一页中的多个表单更新具体 block ?

jquery - 日期选择器将空值传递给 Controller

javascript - 选中所有复选框时取消选中复选框

javascript - 当用户从下拉菜单中选择选项时如何从数据库中打印记录?动态程序