2

根据之前的帖子，我为 datetimepicker 设置了以下自定义绑定

ko.bindingHandlers.datetimepicker = {
    init: function (element, valueAccessor, allBindingsAccessor) {
        //initialize datepicker with some optional options
        var options = allBindingsAccessor().datetimepickerOptions || {};
        $(element).datetimepicker(options);

        //handle the field changing
        ko.utils.registerEventHandler(element, "change", function () {
            var observable = valueAccessor();
            try {
                observable($(element).datetimepicker("getDate"));//****
            }
            catch(ex) {}
        });

        //handle disposal (if KO removes by the template binding)
        ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
            $(element).datetimepicker("destroy");
        });

    },
    update: function (element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor()),
            current = $(element).datetimepicker("getDate");

        if (value - current !== 0) {
            $(element).datetimepicker("setDate", value);
        }
    }
};

以及动态最小和最大日期自定义绑定处理程序

ko.bindingHandlers.minDate = {
    update: function(element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor()),
        current = $(element).datetimepicker("option", "minDate", value);
    }
};


ko.bindingHandlers.maxDate = {
    update: function(element, valueAccessor) {
    var value = ko.utils.unwrapObservable(valueAccessor()),
        current = $(element).datetimepicker("option", "maxDate", value);
    }
};

我有两个日期时间选择器，它们在最小和最大日期方面相互限制。问题是两个 datetimepicker 在操作后立即关闭（选择日期或操纵滑块）。从标记中删除 min-max 处理程序也可以解决问题。对于如何解决这个问题，有任何的建议吗？谢谢。

4

1 回答 1

1

我不确定您是否可以在打开日期选择器时更改它的最小值-最大值！

更改一个值可能会触发可观察更新，这会强制更新 datepickers 的 mix-max 值。我会在你的绑定中检查 min 或 max 的新值，如果没有改变，我不会改变 datepicker 的值。

这大概就是问题所在……

于 2013-10-05T10:59:30.010 回答