Javascript with jquery datepicker using knockout

Javascript with jquery datepicker using knockout

本文关键字:using knockout datepicker jquery with Javascript      更新时间:2023-09-26

>我有一个基于数据绑定的问题,来自 jQuery UI 日期选择器更改事件,来自 jQuery UI 日期选择器更改事件,未被 KnockoutJS 捕获

只要日期格式为 dd-mm-yy,这就可以正常工作。一旦我将日期表单更改为 MM-yy,数据绑定就不再更新。相反,日期设置为今天的日期,而不考虑我在列表框中选择什么。关于如何完成这项工作的任何提示?我在多个级别上有多个控件,所以我宁愿不使用此解决方案:使用 Jquery UI 日期选择器淘汰,仅限 MM/YY

提前谢谢。

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();
...

这似乎是jquery日期选择器的一个错误。每当使用该格式时,getDate 都不会返回正确的值。

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

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

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

希望这有帮助。