在只读 jQuery 日期选择器上触发 onChange 事件答案

【问题标题】：Trigger onChange event on readonly jQuery datepicker在只读 jQuery 日期选择器上触发 onChange 事件
【发布时间】：2012-01-22 19:39:31
【问题描述】：

我有一个带有 onChange 事件的输入字段，该事件触发 AJAX 调用，该调用将输入字段的新值保存在数据库中。当用户在文本字段中手动输入文本时，这可以正常工作，但当我将 jQuery datepicker 附加到该字段时则不行。

我想做的是将文本字段设为只读，将 datepicker 附加到它，并在用户在 datepicker 中选择日期时触发 onchange 事件。

那么，有两个问题需要解决：

谢谢

【问题讨论】：

请不要提出笼统的建议。他们没用。我已经为此工作了几个小时，我确实尝试覆盖 onSelect 并触发 $(this).change() 但它似乎确实在只读字段上调用 onChange 事件。

【解决方案1】：

您必须使用 Datepicker 事件，而不是将事件分配给文本框

$('.selector').datepicker({
   onSelect: function(dateText, inst) {
                 //do something here
             }
});

【讨论】：

【解决方案2】：

使用日期选择器onSelect event

【讨论】：

【解决方案3】：

我的问题是干扰了第三方 Web 框架事件处理机制。但是，如果有人有兴趣，下面的代码 sn-p 对我有用：

$(this).datepicker({
  onSelect: function(dateText, inst) {
    $(this).val(dateText);
    $(this).change();
  }
})

【讨论】：