javascript - 在 jquery 中使用 .change() 和日期选择器提交表单

标签 javascript jquery jquery-ui

目前我正在使用 JQuery UI 的日期选择器范围,并且我添加了更多的 javascript,当不同的表单元素发生变化时,它们应该在页面上提交表单。

这适用于我添加的下拉菜单,以及日期选择器输入框(如果我手动输入日期然后点击离开)。

但是,如果我单击日期选择器的输入字段,弹出日期选择器,选择日期后表单将不会提交。

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

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

这是我使用的代码:

$(document).ready(function() {

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

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

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

            });

使用日期选择器 UI 事件,我添加了以下代码进行测试,但它不起作用。有什么想法吗?

$(document).ready(function() {

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

            });

最佳答案

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

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

关于javascript - 在 jquery 中使用 .change() 和日期选择器提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6193044/

相关文章:

javascript - 无法获取类属性的属性描述符

php - 根据动态创建的Id删除特定图片

javascript - 从表 jQuery 中删除空行

javascript - 根据特定条件javascript向html元素添加类属性

javascript - jQuery UI 价格范围 slider 处理小数

javascript - 如果字符串内有条件

javascript - 在openlayers中是否有一种简单的方法来简化绘制的多边形中的顶点?

javascript - storage.removeItem - 我如何使用它从值而不是键中删除多个项目

javascript - Div 在 div 之上而不是在彼此之下

jQuery:让例子平滑向下滑动