Question

我认为我可以轻松地将日期数据与jquery ui calendar和knockout.js绑定，这要归功于this answer.

现在我需要绑定日期数据及其时间。当然，我可以使用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

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

Answer 1

此特定错误是由observable = valueAccessor（）行引起的。您通过将（）添加到结尾来为valueAccessor分配值。为了以这种方式将值传递给observable，您需要编写代码：

var observable = valueAccessor;

否则，可观察不是'可观察的功能'。

Answer 2

我刚发现以下代码正在运行。由于开源代码很少，这个插件不是很稳定，并且有时会调用带有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);
            }
        }
    };

Answer 3

替换此行

var observable = valueAccessor();

用

var xxxx= valueAccessor();

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

此外，如果您将observable用作变量名，将来可能会出现错误。

使用datetimepicker敲出js绑定会产生异常

3 个答案: