在jquery中使用.change(）和日期选择器来提交表单

Using .change() and a datepicker in jquery to submit a form

本文关键字：日期 选择器 表单 提交 jquery change      更新时间：2023-09-26

目前我正在使用JQuery UI的日期选择器范围，并且我添加了更多的javascript，当不同的表单元素发生变化时，这些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错误。

如果出现错误，那么这些错误下面的JavaScript代码将无法正确执行。

这可能就是您添加到测试中的代码也不起作用的原因。

正确答案在这里：jQuery日期选择器，onSelect获胜'；t工作

我希望它应该是on focus。单击日期选择器时，焦点将在文本框中，您必须在其中显示日期。因此事件应该是.focus()

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

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

相关文章：