Jquery ui datetimepicker 不适用于淘汰赛答案

【问题标题】：Jquery ui datetimepicker is not working with knockoutJquery ui datetimepicker 不适用于淘汰赛
【发布时间】：2012-08-25 18:06:57
【问题描述】：

我正在引用 jQuery UI datepicker change event not caught by KnockoutJS 以使 datetimepicker 与淘汰赛一起工作。所以我基本上用datetimepicker替换了datepicker来制作以下代码

ko.bindingHandlers.datetimepicker = {
    init: function(element, valueAccessor, allBindingsAccessor) {   
        //initialize datetimepicker 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());

        //handle date data coming via json from Microsoft
        if (String(value).indexOf('/Date(') == 0) {
            value = new Date(parseInt(value.replace(/\/Date\((.*?)\)\//gi, "$1")));
        }

        current = $(element).datetimepicker("getDate");

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

在 html 中：

<input data-bind="datetimepicker: myDate, datetimepickerOptions: { minDate: new Date() }" />

使用该代码，它看起来可以工作，但它无法将用户更改为相应的淘汰赛 observable 更新。

我调试了代码，发现

datetimepicker("getDate") 仅给出时间为 00:00 的日期部分。
observable($(element).datetimepicker("getDate")); 时不时会抛出异常，因为 observable(x) 有时不存在。

有人解决了这个问题吗？

更新：#2 已通过捕获偶尔的异常得到解决。

【问题讨论】：

您可能想尝试使用最新版本的 jQuery UI。在将小提琴更新为更新的 jQuery/jQuery UI 之前，我看到的行为与您相同。 jsfiddle.net/rniemeyer/MWHNg
@RPNiemeyer 非常感谢。这就是我需要的信息。如果你不介意，你可以回答，我可以接受。再次感谢。

标签： javascript jquery-ui knockout.js

【解决方案1】：

您可能想尝试使用最新版本的 jQuery UI。在将小提琴更新为更新的 jQuery/jQuery UI 之前，我看到的行为与您相同。

这里是一个最新位的小提琴：http://jsfiddle.net/rniemeyer/MWHNg

【讨论】：