jquery datepicker onselect 事件处理程序多次

Posted

技术标签:

【中文标题】jquery datepicker onselect 事件处理程序多次【英文标题】:jquery datepicker onselect event handler multiple times 【发布时间】:2011-01-15 13:13:25 【问题描述】:

我试图在 jquery datePicker 对象上处理相同的 onSelect 事件两次。据我了解,该事件可以被多次处理,但是当我尝试这个时,只有一个事件处理程序被触发。它似乎触发了第二个处理程序,但不是第一个。如何在不覆盖第一个事件的情况下两次处理相同的 onSelect 事件?这是问题代码sn-p。

$(document).ready(function()
    $('.test').datepicker();
    ...
    $('.test').datepicker('option', 'onSelect', function(dateText, inst)  alert('one'); );


...

$(document).ready(function()
    $('.test').datepicker('option', 'onSelect', function(dateText, inst)  alert('two'); );

【问题讨论】:

【参考方案1】:

您使用的代码只是将第一个 onSelect 处理程序替换为第二个。如果您想做两件事,那么您需要先获取现有的 onSelect 处理程序,然后从您要替换它的处理程序中调用它。

$(function() 
     $('.test').datepicker();
     $('.test').datepicker('option', 'onSelect', function(dateText,inst)  alert('one');  );
     var prevHandler = $('.test').datepicker('option','onSelect');
     $('.test').datepicker('option', 'onSelect', function(dateText,inst)  prevHandler(dateText,inst); alert('two');  );
);

【讨论】:

太棒了!这正是我要找的,谢谢你的帮助! 真的!一个美丽的答案。 $('.test') 4 次是不是有点浪费?否则一个非常有用的答案

以上是关于jquery datepicker onselect 事件处理程序多次的主要内容,如果未能解决你的问题,请参考以下文章

jquery 中datepicker 插件 问题

jQuery UI 中的 datepicker( )方法

jQuery Datepicker日期控件

javascript [js - datepicker] jquery datepicker #js

jQuery datepicker 函数:datepicker 不是函数

使用 jquery 验证和 jquery-ui datepicker