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

2023年3月25日 226次阅读

我想我可以轻松地将日期数据与
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

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

最佳答案 此特定错误是由observable = valueAccessor()行引起的.您通过将()添加到结尾来为valueAccessor分配值.为了以这种方式将值传递给observable,您需要编写代码：

var observable = valueAccessor;

否则,可观察的不是“可观察的功能”.

点赞