jQuery UI Datepicker altField .change 函数不起作用？

Question

谁能告诉我为什么当我使用 jQuery UI Datepicker 选择日期时console.log 行没有运行？

<script type="text/javascript">
    $(window).ready(function() {
        $(function() {
            $("#datepicker").datepicker({ altField: '#dateIntermediate'});
        });
        $('#dateIntermediate').change(function(){ 
            console.log("dateIntermediate changed");
        });
    });
</script>
<p>Date: <input id="datepicker" type="text"></p>
<input type="hidden" id="dateIntermediate" />

Answer 1

在这些情况下，浏览器不会触发change event（通过脚本设置值），如果你想知道它何时发生，你可以使用onSelect handler作为日期选择器，如下所示：

$(function() {
  $("#datepicker").datepicker({ 
    altField: '#dateIntermediate',
    onSelect: function() { 
      alert('Current #dateIntermediate value: ' + $("#dateIntermediate").val());
    }
  });
});

You can test it here。或者，您也可以以同样的方式触发您当前拥有的 change 处理程序：

$(function() {
  $("#datepicker").datepicker({ 
    altField: '#dateIntermediate',
    onSelect: function() { 
      $("#dateIntermediate").change();
    }
  });
  $('#dateIntermediate').change(function(){ 
    console.log("dateIntermediate changed");
  });
});​

You can test that here

---

顺便说一句，您不需要$(window).ready(function() { }); 包装器，它相当于$(document).ready(function() { });，它已经由您的$(function() { }); 包装器处理。您当前的方法有效，因为 $(anything).ready() 都在同一个地方，但不需要多个包装器，所以只需删除外部的 :)