Question

目前我正在使用JQuery UI的datepicker范围，并且我添加了一些javascript，当不同的表单元素发生变化时，它们应该在页面上提交表单。

这适用于我添加的下拉列表，以及日期选择器输入框，如果我手动输入日期然后单击此处。

但是，如果我点击日期选择器的输入字段，并且弹出日期选择器，则在选择日期后表单将不会提交..

好像输入字段不知道发生了变化..？

http://api.jquery.com/change/

这是我正在使用的代码：

$(document).ready(function() {

                $('#from').change(function() {
                  document.myform.submit();
                });

            });
            $(document).ready(function() {

                $('#to').change(function() {
                  document.myform.submit();
                });

            });

使用datepicker UI事件，我添加了以下代码用于测试，但它不起作用..有什么想法吗？

$(document).ready(function() {

                $('#from').datepicker({
                   onClose: function() { alert('Yo yo!') }
                });

            });

Answer 1

jQuery UI DatePicker有自定义事件，特别是onSelect事件，单击事件的选项卡，它位于文档的底部：

http://jqueryui.com/demos/datepicker/

Answer 2

仔细检查您引用的代码上方是否存在JavaScript错误。

如果有错误，则这些错误下面的JavaScript代码将无法正常执行。

这可能是您添加到测试中的代码无法正常工作的原因。

Answer 3

正确答案在这里：jQuery datepicker, onSelect won't work

Answer 4

我希望它应该是on focus。点击日期选择器时，焦点将位于您必须显示日期的文本框中。所以活动应该是.focus()

http://api.jquery.com/focus/

http://api.jquery.com/focusout/

在jquery中使用.change（）和一个datepicker来提交表单

4 个答案: