Question

我一直绞尽脑汁试图弄明白这个。我已经遍布了stackOverflow和Google，似乎没有什么对我有用。我有一个内联的JQuery UI日期选择器，并希望在用户选择日期时弹出一个警告框。我的代码是：

HMTL：

<div id="datePicker1"></div>

JavaScript的：

<script type="text/javascript">
    $("#datePicker1").datepicker();

    $("#datePicker1").datepicker({
        onSelect: function(dateText, inst){
            alert('hi');
        }
    });
</script>

日历显示，但是当我选择任何日期时，没有任何反应。我很想知道为什么。任何帮助表示赞赏。感谢。

Answer 1

首次在元素上调用datePicker()时，会初始化选项。如果您想稍后更改选项，则必须使用option方法：

$(function() {
  $("#datePicker1").datepicker();

  $("#datePicker1").datepicker("option", {
    onSelect: function(dateText, inst) {
      alert('hi');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<input id="datePicker1">

JQuery UI onSelect Not Firing

1 个答案: