4

この回答のおかげで、日付データをjqueryuiカレンダーとknockout.jsに簡単にバインドできると思います。

次に、日付データとその時刻をバインドする必要があります。もちろん、タイムピッカーも使えます。しかし、そのデータをknockout.jsでバインドする方法がわかりません。デートピッカーに似ていると思ったので、次のスクリプトを作成しました

    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() 行が原因です。最後に () を追加して、valueAccessor の値を observable に割り当てています。この方法で値を observable に渡すには、代わりに次のように記述する必要があります。

var observable = valueAccessor;

それ以外の場合、observable は「観測可能な関数」ではありません。

于 2012-08-06T18:02:12.930 に答える
1

次のコードが機能していることがわかりました。いくつかのオープンソースコードがそうであるように、このアドオンはあまり安定しておらず、nullを観測できる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 を使用すると、将来どこかでエラーが発生する可能性があります。

于 2013-08-29T19:32:42.573 に答える