jquery-ui - Knockout で JQueryUI DateTimePicker を使用する

Question

ノックアウトの続きで 、datetimepicker を使用したjs バインドで例外が発生 します。ノックアウトで datetimepicker を使用できるようになりましたが、同じツールのタイム ピッカー オプションを使用できません。試したコードは次の jsfiddle に埋め込まれていますが、エラー

<code>
http://jsfiddle.net/saqibshakil/scdET/
</code>

編集後にコンソールを確認する

Answer 1

getDateonを呼び出してtimepickerも実際の が返されないようDateです。

datetimepicker正常に呼び出すことができるようです。したがって、バインディングは次のようになります。

ko.bindingHandlers.timepicker = {
    init: function (element, valueAccessor, allBindingsAccessor) {
        //initialize timepicker with some optional options
        var options = allBindingsAccessor().timepickerOptions || {};
        $(element).timepicker(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).timepicker("destroy");
        });

    },
    //update the control when the view model changes
    update: function (element, valueAccessor) {

        var value = ko.utils.unwrapObservable(valueAccessor()),
            current = $(element).datetimepicker("getDate");

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

更新されたサンプル: http://jsfiddle.net/rniemeyer/L3BNw/