4

我想我可以很容易地用 jquery ui calendar 和 knockout.js 绑定日期数据，这要归功于这个答案。

现在我需要绑定日期数据及其时间。当然，我可以使用timepicker。但我不确定如何将其数据与 knockout.js 绑定。我希望它类似于 datepicker 所以我制作了以下脚本

    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();
                observable($(element).datetimepicker("getDate"));//****
            });

            //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);
            }
        }
    };

//****但是当我运行脚本时，我在 javascript中遇到错误

TypeError: observable is not a function

但是我在这里找不到我做错了什么。

4

3 回答 3

2

此特定错误是由于 observable = valueAccessor() 行造成的。您通过将 () 添加到末尾来分配给 observable valueAccessor 的值。为了以这种方式将值传递给 observable，您需要改为：

var observable = valueAccessor;

否则， observable 不是“可观察函数”。

于 2012-08-06T18:02:12.930 回答
1

我刚刚发现以下代码正在运行。由于很少有开源代码这样做，这个插件不是很稳定，有时会调用带有 null observable 的 change 事件。所以我编写了代码来捕获异常并继续前进。

    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);
            }
        }
    };
于 2012-08-30T22:52:29.810 回答
-1

替换此行

var observable = valueAccessor();

和

var xxxx= valueAccessor();

因为你不能使用 observable，因为它是淘汰赛中的保留关键字。

此外，如果您使用 observable 作为变量名，将来可能会在某个地方出现错误。

于 2013-08-29T19:32:42.573 回答