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

发布于 2024-12-21 12:41:24 字数 315 浏览 4 评论 0原文

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

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

因此,有两个问题需要解决:

  1. 当在日期选择器中选择日期时,在文本字段上触发 onChange 事件。
  2. 如果文本字段是只读的,请确保该解决方案有效。

谢谢

I have an input field with onChange event which triggers an AJAX call which saves the new value of the input field in the database. This works fine when the user manually enters the text in the text field but not when I attach jQuery datepicker to the field.

What I would like to do is make the text field readonly, attached datepicker to it and have onchange event to be fired when user selects a date in the datepicker.

So, there are two problems to solve:

  1. Trigger onChange event on the text field when date is selected in datepicker.
  2. Make sure the solution works if text field is readonly.

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

再可℃爱ぅ一点好了 2024-12-28 12:41:24

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

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

You have to use Datepicker events instead of assigning events to textbox

$('.selector').datepicker({
   onSelect: function(dateText, inst) {
                 //do something here
             }
});
糖粟与秋泊 2024-12-28 12:41:24

使用日期选择器 onSelect 事件

Use datepickers onSelect event

百合的盛世恋 2024-12-28 12:41:24

我的案例中的问题是对第三方 Web 框架事件处理机制的干扰。
但是,如果有人感兴趣,以下代码片段对我有用:

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

The problem in my case was interference with a third-party web framework event handling mechanism.
However, if anybody is interested the following code snippet worked for me:

$(this).datepicker({
  onSelect: function(dateText, inst) {
    $(this).val(dateText);
    $(this).change();
  }
})
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文