jquery-ui 日期选择器 onchange

Question

我想更正客户端的所有日期选择器的值。

$.datepicker.setDefaults({
    dateFormat: "dd.mm.yy",
    onClose: function(date) {
        // calculate proper date string
        $(this).val(properDate);
        $(this).trigger('blur');
    }
});

但是如果我在浏览器中切换选项卡，则不起作用。生成 Change 事件，但未调用 onClose 方法。

我可以使用 dom 选择器手动订阅更改事件:

$(".datepicker").change(function() {...});

但我不喜欢它，因为我动态添加了元素。我想将更改事件处理程序添加到日期选择器构造函数中的元素。

你能给我什么建议吗？

Answer 1

我的解决方案:http://jsfiddle.net/psoubh9k/1/

我实现了 datechooser，它将更改事件绑定(bind)到我的函数并将 datepicker 应用于元素。

var methods = {
    init : function(options) {
        $(this).change(validate);
        options = $.extend(true, options, {
            onClose: validate,
            dateFormat: "dd.mm.yy"
        });
        return $(this).datepicker(options);
    }
};