Question

我有一个基于数据绑定的问题，来自jQuery UI datepicker change event not caught by KnockoutJS

的knockout和jquery datepicker

只要dateformat是dd-mm-yy，这样就可以正常工作。一旦我将日期形式更改为MM-yy，数据绑定就不再更新。无论我在列表框中选择什么，日期都设置为今天的日期。关于如何使这项工作的任何提示？我在多个级别上有多个控件，所以我更不希望使用此解决方案：Knockout with Jquery UI datepicker, MM/YY only

提前致谢。

使用Javascript：

ko.bindingHandlers.datepicker = {
    init: function (element, valueAccessor, allBindingsAccessor) {
        $(element).datepicker({
            dateFormat: "dd-mm-yy",
            //dateFormat: "MM-yy",
            changeYear: true,
            changeMonth: true
        });

        //handle the field changing
        ko.utils.registerEventHandler(element, "change", function () {
            var observable = valueAccessor();
            observable($(element).datepicker("getDate"));
        });

        //handle disposal (if KO removes by the template binding)
        ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
            $(element).datepicker("destroy");
        });

    },
    update: function (element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor()),
            current = $(element).datepicker("getDate");

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

HTML：

 <td><input class="dateField" data-bind="datepicker: plannedStartDate" /></td>

视图模型：

...
self.plannedStartDate = ko.observable();
...

Answer 1

这似乎是jquery datepicker的一个错误。无论何时使用该格式，getDate都不会返回正确的值。

我有一个可能适合您的部分解决方案，可以重新创建您在链接中指定的解决方案。

http://jsfiddle.net/madcapnmckay/tKxAT/

它使用datejs来解析从datepicker返回的日期文本。不太好，因为当天信息丢失，但这取决于你是否想要那样。如果不是，我建议您可能需要找到另一个日期选择器或更改您的格式以包含日期。

希望这有帮助。

Javascript与jquery datepicker使用淘汰赛

1 个答案: