如何不使用性能损耗大的定时器实现jQuery datepicker日期点击事件监听

#

方案1：事件委托（适配现有自定义绑定逻辑） #

利用jQuery事件冒泡特性，将事件绑定到不会随datepicker渲染销毁的父级节点（如document），自动适配所有动态生成的日期、切换箭头元素，完全不需要定时器：

// 绑定日期点击事件
$(document).on('click', '.datepick-month table tbody tr td a', function() {
    // 此处写入你原来的自定义逻辑
});

// 绑定月份切换箭头点击事件（如果需要）
$(document).on('click', '.datepick-arrows', function() {
    // 此处写入月份切换后的逻辑
});

// 输入框触发datepicker的原有逻辑保留即可
$('#input-for-opening-datepicker').on('click', function(){
    // 原有打开datepicker的逻辑
});

优势：

• 无额外性能开销，无需轮询DOM
• 不管datepicker如何销毁重建，事件始终生效
• 无需监听DOM渲染状态，逻辑更简洁

方案2：使用datepicker官方回调（最稳定的标准实现） #

jQuery datepicker原生提供了日期选中、月份切换的专用回调，无需手动绑定任何DOM事件，是官方推荐的实现方式：

$('#input-for-opening-datepicker').datepicker({
    // 你原来的datepicker配置项保持不变
    // 选中日期时自动触发
    onSelect: function(dateText, inst) {
        // 此处写入你原来的自定义逻辑，dateText为选中的日期字符串
    },
    // 切换月份/年份时自动触发（如果需要监听切换动作）
    onChangeMonthYear: function(year, month, inst) {
        // 此处写入月份切换后的逻辑
    }
});

优势：

• 完全依托组件原生能力，不存在兼容性问题
• 不需要手动处理DOM相关逻辑，稳定性最高

内容的提问来源于stack exchange，提问作者Milan Panin